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>