Hola, estoy haciendo un proyecto de la versión 2 de vue con la versión 9 de firebase, pero cuando intento configurar la autenticación, aparece un error cuando hago clic para crear la cuenta.

Tengo un archivo llamado firebase.js donde he puesto las credenciales del proyecto que se crea.

alguien me podria dar algo de luz al respecto

¡Gracias!

adjunto imagenes de mi codigo

error de la consola

base de fuego.js

 <template> <div class="vue-tempalte"> <form @submit.prevent="userRegistration"> <h3>Crear nueva cuenta</h3> <div class="form-group"> <label>Nombre</label> <input type="text" class="form-control form-control-lg" v-model="user.name" /> </div> <div class="form-group"> <label>Email</label> <input type="email" class="form-control form-control-lg" v-model="user.email" /> </div> <div class="form-group"> <label>Contraseña</label> <input type="password" class="form-control form-control-lg" v-model="user.password" /> </div> <button type="submit" class="btn btn-dark btn-lg btn-block"> Crear cuenta </button> <p class="forgot-password text-right"> Ya está registrado <router-link :to="{name: 'login'}">Acceder a tu cuenta?</router-link> </p> </form> </div>

 <script> import firebase from '../firebase'; export default { data() { return { user: { name: '', email: '', password: '' } }; }, methods: { userRegistration() { firebase .auth() .createUserWithEmailAndPassword(this.user.email, this.user.password) .then((res) => { res.user .updateProfile({ displayName: this.user.name }) .then(() => { this.$router.push('/login') }); }) .catch((error) => { alert(error.message); }); } } }; </script>