Estoy intentando configurar vuejs y firebase realtime en codesanbox pero me esta generando el siguiente error.
el proyecto en firebase ya esta configurado y he copiado la configuración de firebase realtime siguiendo los pasos de los diferentes post pero aun no consigo la conexion de firebase con vuejs usando la libreria vuefire.
Soy nuevo en este ambiente de programación con vue y firebase agradezco cualquier colaboración de parte de la comunidad stack.
import Vue from "vue";
import { firestorePlugin } from "vuefire";
import toastr from "vue-toasted";
import app from "./App";
import Firebase from "firebase/app";
Vue.use(firestorePlugin);
Vue.config.productionTip = true;
let config = {
//Datos de configuración
apiKey: "AIzaSyDeFXqd_3gcFp7JVlzYiYzWukj76fZFgyo",
authDomain: "vue-js-firebase-final.firebaseapp.com",
databaseURL: "https://vue-js-firebase-final.firebaseio.com",
projectId: "vue-js-firebase-final",
storageBucket: "vue-js-firebase-final.appspot.com",
messagingSenderId: "593435890388",
appId: "1:593435890388:web:56294860e8c9964610a141"
};
app = Firebase.initializeApp(config);
let db = app.database();
let compras = db.ref("compras");
export default {
name: "app",
firebase: {
compras: compras
},
data() {
return {
compra_nueva: {
nombre: "",
cantidad: ""
}
};
}
};
[