Actualmente estoy implementando Firebase en mi proyecto NUXT 3 con VUE y TS.

Configuré todo dentro de mi consola Firebase e inicié sesión correctamente con mis credenciales dentro del proyecto mismo
( firebase login, firebase init )

Sin embargo, si sé crear un complemento para Firebase en /plugins/firebaseAuth.client.ts e ingresar la información necesaria y más, no puedo establecer una conexión con mi proyecto.

Al menos no recibo ningún comentario dentro de la consola, tampoco veo un error o el objeto de Firebase registrado. ¿Me he perdido algo?

Traté de usar mi .env para las variables y también como cadena directa.

firebaseAuth.cliente.ts

 import { initializeApp } from 'firebase/app' import { getAuth } from 'firebase/auth' export default defineNuxtPlugin((nuxtApp) => { const config = useRuntimeConfig() const firebaseConfig = { apiKey: 'xxxxxxx', authDomain: 'xxxxxxxx', projectId: 'xxxxxxxx', storageBucket: 'xxxxxx', messagingSenderId: 'xxxxxx', appId: 'xxxx', measurementId: 'xxxx', } // Initialize Firebase const app = initializeApp(firebaseConfig) console.log(app, 'APP') })

nuxt.config.js

 import Components from 'unplugin-vue-components/vite' import { NaiveUiResolver } from 'unplugin-vue-components/resolvers' // https://v3.nuxtjs.org/docs/directory-structure/nuxt.config export default defineNuxtConfig({ dev: process.env.NODE_ENV !== 'production', build: { transpile: ['vueuc'], // fix dev error: Cannot find module 'vueuc' quiet: true, }, vite: { plugins: [ Components({ resolvers: [NaiveUiResolver()], // Automatically register all components in the *components* directory }), ], // @ts-expect-error: Missing ssr key ssr: { noExternal: ['moment', 'naive-ui', '@juggle/resize-observer', '@css-render/vue3-ssr'], }, }, runtimeConfig: { firebaseApiKey: '', firebaseAuthDomain: '', firebaseProjectId: '', firebaseStorageBucket: '', firebaseMsgId: '', firebaseAppId: '', firebaseMeasurementId: '', }, })