Vue JS - Ошибка в созданном хуке: «Ошибка типа: _firebaseInit_js__WEBPACK_IMPORTED_MODULE_1 __. Default.collection не является функцией»

Question

Здравствуйте, я новичок в Vue и пытаюсь получить данные из Firebase Firestore, но не могу этого сделать.Это показывает следующую проблему.В настоящее время я использую Vue-Cli 3

Error in created hook: "TypeError: _firebaseInit_js__WEBPACK_IMPORTED_MODULE_1__.default.collection is not a function"

Это мой файл скрипта в Dashboard.vue

import db from './firebaseInit.js'
export default {
    name: 'dashboard',
    data(){
        return {
            agents: []
        }
    },
    created(){
        db.collection('agents').get()
        .then(querySnapshot => {
            querySnapshot.forEach(doc => {
                console.log(doc)
                const data = {

                }
            });
        })
    }
}

И это мой FirebaseInit.js

import firebase from 'firebase'
import 'firebase/firestore'
import firebaseConfig from './firebaseConfig'

const firebaseApp = firebase.initializeApp(firebaseConfig)

export default firebaseApp.firestore