fix: firebase imports to allow tree shaking

helpers/fb/analytics.ts

@@ -1,4 +1,5 @@
-import firebase from "firebase"
+import firebase from "firebase/app"
+import "firebase/analytics"
 import { authEvents$ } from "./auth"
 import {
   HoppAccentColor,

helpers/fb/auth.ts

@@ -1,4 +1,6 @@
-import firebase from "firebase"
+import firebase from "firebase/app"
+import "firebase/firestore"
+import "firebase/auth"
 import { BehaviorSubject, Subject } from "rxjs"
 
 export type HoppUser = firebase.User & {

helpers/fb/collections.ts

@@ -1,4 +1,5 @@
-import firebase from "firebase"
+import firebase from "firebase/app"
+import "firebase/firestore"
 import { currentUser$ } from "./auth"
 import {
   restCollections$,

helpers/fb/environments.ts

@@ -1,4 +1,5 @@
-import firebase from "firebase"
+import firebase from "firebase/app"
+import "firebase/firestore"
 import { currentUser$ } from "./auth"
 import {
   Environment,

helpers/fb/history.ts

@@ -1,4 +1,5 @@
-import firebase from "firebase"
+import firebase from "firebase/app"
+import "firebase/firestore"
 import { currentUser$ } from "./auth"
 import { settingsStore } from "~/newstore/settings"
 import {

helpers/fb/index.ts

@@ -1,4 +1,4 @@
-import firebase from "firebase"
+import firebase from "firebase/app"
 import { initAnalytics } from "./analytics"
 import { initAuth } from "./auth"
 import { initCollections } from "./collections"

helpers/fb/settings.ts

@@ -1,4 +1,5 @@
-import firebase from "firebase"
+import firebase from "firebase/app"
+import "firebase/firestore"
 import { currentUser$ } from "./auth"
 import { applySetting, settingsStore, SettingsType } from "~/newstore/settings"