firebase is not definedを解決したい

Question

前提・実現したいこと

firebaseとnuxt.jsを使って生徒管理アプリを作っています。始めは、ちゃんとfirebaseが起動できていたのですが、入力した生徒の情報が反映されず、また、firebaseから警告が出ていたので、いろいろな記事や動画を参考にfirebaseの設定周りのコードを書いていったのですが、以下のエラーが解決できず困っています。

発生している問題・エラーメッセージ

firebase is not defined

該当のソースコード

store/add.js

import { firestoreAction } from 'vuexfire'

const db = firebase.firestore()
const studentsRef = db.collection('students')

export const state = () => ({
  stutents: []
})

export const actions = {
  init: firestoreAction(({ bindFirestoreRef }) => {
    bindFirestoreRef('students', students)
  }),
  add: firestoreAction((context, firstName) => {
    if(firstName.trim()) {
      studentsRef.add({
        firstName: firstName,
      })
    }
  })
}

store/index.js

import { vuexfireMutations } from 'vuexfire'

export const state = () => ({
   students: [],
})

export const mutations = {
   ...vuexfireMutations
}

export const getters = {
   getStudents: (state) => {
      return state.students
   }
}

firebase.js

import * as firebase from "firebase/app";
import 'firebase/auth'
import 'firebase/firestore'

const firebaseConfig = {
  apiKey: process.env.FB_API_KEY,
  authDomain: process.env.FB_AUTH_DOMAIN,
  databaseURL: process.env.FB_DATABASE_URL,
  projectId: process.env.FB_PROJECTID,
  storageBucket: process.env.FB_STORAGE_BUCKET,
  messagingSenderId: process.env.FB_MESSAGING_SENDER_ID,
  appId: process.env.FB_APPID,
  measurementId: process.env.FB_MEASUREMENTID
};


firebase.initializeApp(firebaseConfig);

export const db = firebase.firestore();
export default firebase;

試したこと

エラー文をそのままググってみましたが、参考になりそうなものは見つかりませんでした。

補足情報（FW/ツールのバージョンなど）

firebase.jsとadd.jsそれぞれにdbの定義がしてあるのですが、どっちか外すとエラーになってしまうのでついたままです。

Answer 1

firebaseをinportしたら治りました。