Skip to main content
1 de 3
Rimuru Tempest
  • 2.6k
  • 4
  • 22
  • 39

Primero que nada te hace falta importar el modulo firebase/firestore el cual no veo por ningún lado de tu código. Además de que tienes mal estructurado tu código

Tu código debería verse así:

import Vue from 'vue'
import App from './App.vue'
import router from './router'
Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

Y en el segundo código que muestras estas importando dos veces el mismo módulo. Además te hace falta el modulo `firebase/auth'. En fin tu código es un desastre, parecen huevos revueltos(aunque son muy ricos xd)

Tu código debería verse así

<script type="module">
// @ is an alias to /src
import Banner from '@/components/AuthScreens/Banner';
import * as firebase from "firebase/app" // así para evitar importar todos los módulos de firebase
import "firebase/firestore" // con esto es mas que suficiente para usar la función 'firebase.firestore()'
import "firebase/auth"

const configOptions = {
  apiKey: "AIzaSyAkUyYSxQq5g5DB6h_LgfG2lC7JzgIDHWw",
  authDomain: "t-panel-eccf9.firebaseapp.com",
  databaseURL: "https://t-panel-eccf9.firebaseio.com",
  projectId: "t-panel-eccf9",
  storageBucket: "t-panel-eccf9.appspot.com",
  messagingSenderId: "132805805270",
  appId: "1:132805805270:web:36b4b43a9b0829fc34b577",
  measurementId: "G-PF2ESSB4X8"
};

firebase.initializeApp(configOptions);

const db = firebase.firestore()

export default{
    name: 'signup',
    components:{
        Banner
    },

    data(){
        return{
            form:{
                inputRegisterEmail: "",
                inputRegisterPassword: "",
                inputRegisterName: "",
                inputRegisterLastName: ""
            },
            error: null
        }
    },

    methods:{
        submit(){
            firebase
            .auth()
            .createUserWithEmailAndPassword(this.form.inputRegisterEmail, this.form.inputRegisterPassword)
            .then(data => {
                db.collection("cities").doc("LA").add({
                    name: "Los Angeles",
                    state: "CA",
                    country: "USA"
                })
                .then(function() {

                })
                .catch(function(error) {
                    alert(error)
                });
                data.user.updateProfile({
                    displayName: this.form.inputRegisterName + ' ' + this.form.inputRegisterLastName
                })
                .then(() => {
                    //Code here
                    
                })
            })
            .catch(err => {
                this.error = err.message
            })
        }
    }
}
</script>
Rimuru Tempest
  • 2.6k
  • 4
  • 22
  • 39