fix(emulators): pass client side option to hide auth warning

Author: posva

packages/nuxt/src/module.ts

@@ -66,7 +66,19 @@ export default defineNuxtModule<VueFireNuxtModuleOptions>({
     nuxt.options.appConfig.firebaseConfig = markRaw(options.config)
     nuxt.options.appConfig.vuefireOptions = markRaw(options)
 
-    nuxt.options.runtimeConfig.vuefire = { options }
+    nuxt.options.runtimeConfig.vuefire = {
+      options: {
+        ...options,
+        // ensure the resolved version easier to consume
+        emulators: {
+          enabled:
+            typeof options.emulators === 'object'
+              ? options.emulators.enabled
+              : !!options.emulators,
+          ...(typeof options.emulators === 'object' ? options.emulators : {}),
+        },
+      },
+    }
 
     nuxt.options.build.transpile.push(runtimeDir)
     nuxt.options.build.transpile.push(templatesDir)
@@ -181,6 +193,11 @@ export default defineNuxtModule<VueFireNuxtModuleOptions>({
 
     if (emulatorsConfig) {
       const emulators = detectEmulators(options, emulatorsConfig, logger)
+      // add the option to disable the warning. It only exists in Auth
+      if (emulators?.auth) {
+        emulators.auth.options =
+          nuxt.options.runtimeConfig.vuefire.options?.emulators?.auth?.options
+      }
 
       // expose the detected emulators to the plugins
       nuxt.options.runtimeConfig.public.vuefire ??= {}
@@ -315,7 +332,7 @@ interface VueFireRuntimeConfig {
      * Options passed to the Nuxt VueFire module
      * @internal
      */
-    options?: VueFireNuxtModuleOptions
+    options?: VueFireNuxtModuleOptionsResolved
   }
 }
 

packages/nuxt/src/module/emulators.ts

@@ -249,6 +249,15 @@ const services = [
   'storage',
 ] as const
 
-export type FirebaseEmulatorsToEnable = {
+export type FirebaseEmulatorsToEnableBase = {
   [key in FirebaseEmulatorService]: { host: string; port: number }
 }
+
+export interface FirebaseEmulatorsToEnable
+  extends FirebaseEmulatorsToEnableBase {
+  auth: {
+    host: string
+    port: number
+    options?: Parameters<typeof import('firebase/auth').connectAuthEmulator>[2]
+  }
+}

packages/nuxt/src/runtime/emulators/auth.plugin.ts

@@ -13,7 +13,6 @@ export default defineNuxtPlugin((nuxtApp) => {
   }
 
   const {
-    vuefire,
     public: { vuefire: publicVuefire },
   } = useRuntimeConfig()
 
@@ -28,7 +27,7 @@ export default defineNuxtPlugin((nuxtApp) => {
   connectAuthEmulator(
     getAuth(firebaseApp),
     `http://${host}:${port}`,
-    vuefire?.options?.emulators?.auth?.options
+    publicVuefire?.emulators?.auth?.options
   )
   logger.info(`Auth emulator connected to http://${host}:${port}`)
   connectedEmulators.set(firebaseApp, true)