feat(emulators): allow passing options to auth

Author: posva

packages/nuxt/src/module.ts

@@ -13,7 +13,10 @@ import type { FirebaseApp, FirebaseOptions } from '@firebase/app-types'
 import type { AppOptions, App as FirebaseAdminApp } from 'firebase-admin/app'
 import { markRaw } from 'vue'
 import { consola } from 'consola'
-import { VueFireNuxtModuleOptions } from './module/options'
+import {
+  VueFireNuxtModuleOptions,
+  VueFireNuxtModuleOptionsResolved,
+} from './module/options'
 import { FirebaseEmulatorsToEnable, detectEmulators } from './module/emulators'
 
 const logger = consola.withTag('nuxt-vuefire module')
@@ -280,6 +283,17 @@ interface VueFireRuntimeConfig {
    * @internal
    */
   vuefireAdminOptions?: Omit<AppOptions, 'credential'>
+
+  /**
+   * Runtime config for the VueFire module.
+   */
+  vuefire?: {
+    /**
+     * Options passed to the Nuxt VueFire module
+     * @internal
+     */
+    options?: VueFireNuxtModuleOptionsResolved
+  }
 }
 
 interface VueFirePublicRuntimeConfig {

packages/nuxt/src/module/options.ts

@@ -54,9 +54,28 @@ export interface VueFireNuxtModuleOptions {
   emulators?:
     | boolean
     | {
+        /**
+         * Enables the emulators.
+         */
+        enabled?: boolean
+
         /**
          * The host for the Firestore emulator. Defaults to `localhost`.
          */
         host?: string
+
+        auth?: {
+          /**
+           * Pass options to `firebase/auth`'s `connectAuthEmulator()`.
+           */
+          options?: Parameters<
+            typeof import('firebase/auth').connectAuthEmulator
+          >[2]
+        }
       }
 }
+
+export interface VueFireNuxtModuleOptionsResolved
+  extends Omit<VueFireNuxtModuleOptions, 'emulators'> {
+  emulators: Exclude<VueFireNuxtModuleOptions['emulators'], boolean>
+}

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

@@ -1,7 +1,7 @@
 import { connectAuthEmulator, getAuth } from 'firebase/auth'
 import type { FirebaseApp } from 'firebase/app'
 import { logger } from '../logging'
-import { defineNuxtPlugin, useRuntimeConfig } from '#app'
+import { defineNuxtPlugin, useRuntimeConfig, useAppConfig } from '#app'
 
 /**
  * Setups the auth Emulators
@@ -13,18 +13,23 @@ export default defineNuxtPlugin((nuxtApp) => {
   }
 
   const {
-    public: { vuefire },
+    vuefire,
+    public: { vuefire: publicVuefire },
   } = useRuntimeConfig()
 
-  const host = vuefire?.emulators?.auth?.host
-  const port = vuefire?.emulators?.auth?.port
+  const host = publicVuefire?.emulators?.auth?.host
+  const port = publicVuefire?.emulators?.auth?.port
 
   if (!host || !port) {
     logger.warn('Auth emulator not connected, missing host or port')
     return
   }
 
-  connectAuthEmulator(getAuth(firebaseApp), `http://${host}:${port}`)
+  connectAuthEmulator(
+    getAuth(firebaseApp),
+    `http://${host}:${port}`,
+    vuefire?.options?.emulators?.auth?.options
+  )
   logger.info(`Auth emulator connected to http://${host}:${port}`)
   connectedEmulators.set(firebaseApp, true)
 })