Estoy usando Firebase v9 SDK en una aplicación Vue 3.

Estoy intentando importar firebase o firebase/auth, pero me da este error.

¿Dónde estoy tratando de usar?

En mi formulario de inicio de sesión

 <script> import { getAuth, signInWithEmailAndPassword } from "firebase/auth"; export default { name: "Login", data() { return { email: '', password: '', } }, methods: { loginForm() { const auth = getAuth(); signInWithEmailAndPassword(auth, this.email, this.password) .then((userCredential) => { console.log(`Successfully signed in as ${this.email}`) // Signed in const user = userCredential.user; console.log(user) // ... }) .catch((error) => { const errorCode = error.code; const errorMessage = error.message; }); } } }; </script>

Este es mi archivo babel.config.js

 module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ] }

No conozco el paquete de módulos, por lo que no puedo proporcionar el archivo webpack.config.js, PERO estoy usando Vue JS 3