refactor(nuxt): always add the plugin

Author: posva

packages/nuxt/src/module.ts

@@ -5,7 +5,12 @@ import { type NuxtModule } from '@nuxt/schema'
 import { type FirebaseOptions } from '@firebase/app-types'
 
 export interface VueFireNuxtModuleOptions {
-  optionsApiPlugin: boolean
+  /**
+   * Should we add the `VueFireFirestoreOptionsAPI` and `VueFireRealtimeDatabaseOptionsAPI` modules?. Pass `true` to add
+   * both, or `'firestore'` or `'realtime-database'` to add only one. Pass false to disable.
+   * @default false
+   */
+  optionsApiPlugin?: boolean | 'firestore' | 'database'
 
   config: FirebaseOptions
   /**
@@ -39,11 +44,9 @@ const VueFireModule: NuxtModule<VueFireNuxtModuleOptions> =
 
     setup(options, nuxt) {
       const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url))
-      if (options.optionsApiPlugin) {
-        nuxt.options.build.transpile.push(runtimeDir)
-        // TODO: check for individual options
-        addPlugin(resolve(runtimeDir, 'plugin'))
-      }
+      nuxt.options.build.transpile.push(runtimeDir)
+      // TODO: check for individual options
+      addPlugin(resolve(runtimeDir, 'plugin'))
     },
   })
 

packages/nuxt/src/runtime/plugin.ts

@@ -1,9 +1,10 @@
 import { usePendingPromises, VueFire, useSSRInitialState } from 'vuefire'
 import { initializeApp } from 'firebase/app'
-import { defineNuxtPlugin } from '#imports'
+import { defineNuxtPlugin, useAppConfig } from '#imports'
 
 export default defineNuxtPlugin(async (nuxtApp) => {
   // TODO: initialize firebase app from config
+  console.log('appconfig', useAppConfig())
   const firebaseApp = initializeApp()
 
   nuxtApp.vueApp.use(
@@ -15,20 +16,12 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   )
 
   if (process.server) {
-    await usePendingPromises()
     // TODO: pass the firebaseApp
-    nuxtApp.payload.vuefire = useSSRInitialState()
+    nuxtApp.payload.vuefire = useSSRInitialState(undefined, firebaseApp)
   } else if (nuxtApp.payload?.vuefire) {
     // hydrate the plugin state from nuxtApp.payload.vuefire
-    useSSRInitialState(nuxtApp.payload.vuefire)
+    useSSRInitialState(nuxtApp.payload.vuefire, firebaseApp)
   }
 
-  return {
-    provide: {
-      // firebaseApp:
-      // firestore
-      // database
-      // auth
-    },
-  }
+  return {}
 })