如何將firestore的配置放到所有應用程序中？

Question

我有這個配置來firestore

文件 main.js

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import vuetify from "vuetify";
import firebase from "firebase";
import { firestorePlugin } from "vuefire";
import "vuetify/dist/vuetify.min.css";
import "material-design-icons-iconfont/dist/material-design-icons.css";
import VuejsDialog from "vuejs-dialog";

// include the default style
import "vuejs-dialog/dist/vuejs-dialog.min.css";

// Tell Vue to install the plugin.
Vue.use(VuejsDialog);

Vue.use(vuetify);
Vue.use(firebase);
Vue.use(firestorePlugin);
console.log("FI");
Vue.config.productionTip = false;

    var firebaseConfig = {
      apiKey: "1",
      authDomain: "2",
      databaseURL: "3",
      projectId: "4",
      storageBucket: "5",
      messagingSenderId: "6",
      appId: "7",
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    const db = firebase.firestore();

我希望它適用於所有應用程序，此時我將這個配置放入每個組件中，這很糟糕，我該如何放入所有應用程序？

編輯1：

當我把它放在另一個組件中時

組件表.js

import firebase from "firebase";

const db = firebase.firestore();

export default {
  name: "create",
  data() {
    return {
      state: {
        currentPage: "list",
      },
    };
  },

我收到此錯誤：

未捕獲的 FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 調用 Firebase App.initializeApp() (app/no-app)。

Answer 1

我有這個配置來firestore

文件 main.js

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import vuetify from "vuetify";
import firebase from "firebase";
import { firestorePlugin } from "vuefire";
import "vuetify/dist/vuetify.min.css";
import "material-design-icons-iconfont/dist/material-design-icons.css";
import VuejsDialog from "vuejs-dialog";

// include the default style
import "vuejs-dialog/dist/vuejs-dialog.min.css";

// Tell Vue to install the plugin.
Vue.use(VuejsDialog);

Vue.use(vuetify);
Vue.use(firebase);
Vue.use(firestorePlugin);
console.log("FI");
Vue.config.productionTip = false;

    var firebaseConfig = {
      apiKey: "1",
      authDomain: "2",
      databaseURL: "3",
      projectId: "4",
      storageBucket: "5",
      messagingSenderId: "6",
      appId: "7",
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    const db = firebase.firestore();

我希望它適用於所有應用程序，此時我將這個配置放入每個組件中，這很糟糕，我該如何放入所有應用程序？

編輯1：

當我把它放在另一個組件中時

組件表.js

import firebase from "firebase";

const db = firebase.firestore();

export default {
  name: "create",
  data() {
    return {
      state: {
        currentPage: "list",
      },
    };
  },

我收到此錯誤：

未捕獲的 FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 調用 Firebase App.initializeApp() (app/no-app)。

Answer 2

我有這個配置來firestore

文件 main.js

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import vuetify from "vuetify";
import firebase from "firebase";
import { firestorePlugin } from "vuefire";
import "vuetify/dist/vuetify.min.css";
import "material-design-icons-iconfont/dist/material-design-icons.css";
import VuejsDialog from "vuejs-dialog";

// include the default style
import "vuejs-dialog/dist/vuejs-dialog.min.css";

// Tell Vue to install the plugin.
Vue.use(VuejsDialog);

Vue.use(vuetify);
Vue.use(firebase);
Vue.use(firestorePlugin);
console.log("FI");
Vue.config.productionTip = false;

    var firebaseConfig = {
      apiKey: "1",
      authDomain: "2",
      databaseURL: "3",
      projectId: "4",
      storageBucket: "5",
      messagingSenderId: "6",
      appId: "7",
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    const db = firebase.firestore();

我希望它適用於所有應用程序，此時我將這個配置放入每個組件中，這很糟糕，我該如何放入所有應用程序？

編輯1：

當我把它放在另一個組件中時

組件表.js

import firebase from "firebase";

const db = firebase.firestore();

export default {
  name: "create",
  data() {
    return {
      state: {
        currentPage: "list",
      },
    };
  },

我收到此錯誤：

未捕獲的 FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 調用 Firebase App.initializeApp() (app/no-app)。