build: setup firebase emulator

firebaseui emulator pending for firebase/firebaseui-web#778

firebase.json

@@ -1,11 +1,7 @@
 {
   "hosting": {
     "public": "dist",
-    "ignore": [
-      "firebase.json",
-      "**/.*",
-      "**/node_modules/**"
-    ],
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
     "rewrites": [
       {
         "source": "**",
@@ -21,10 +17,7 @@
       "port": 5001
     },
     "firestore": {
-      "port": 8080
-    },
-    "hosting": {
-      "port": 5000
+      "port": 8090
     },
     "ui": {
       "enabled": true

package.json

@@ -9,7 +9,7 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
-    "emulate:func": "firebase emulators:start --only functions",
+    "emulate": "firebase emulators:start",
     "deploy:func": "firebase deploy --only functions"
   },
   "dependencies": {

src/main.js

@@ -21,13 +21,17 @@ firebase.initializeApp({
 /* cSpell:enable */
 
 const functions = firebase.app().functions('europe-west1')
+const db = firebase.firestore()
 if (process.env.NODE_ENV == 'development') {
-  functions.useEmulator('localhost', 5001)
+  const emulatorConfig = require('../firebase.json').emulators
+  functions.useEmulator('localhost', emulatorConfig.functions.port)
+  // firebase.auth().useEmulator(`http://localhost:${emulatorConfig.auth.port}/`)
+  db.useEmulator('localhost', emulatorConfig.firestore.port)
 }
 
 app.config.globalProperties.$firebase = firebase
 // unnecessary, but easy reference
-app.config.globalProperties.$db = firebase.firestore()
+app.config.globalProperties.$db = db
 app.config.globalProperties.$func = functions
 app.config.globalProperties.$user = null
 router.app = app