feat: useFirebaseApp in nuxt

Author: posva

packages/nuxt/src/module.ts

@@ -44,18 +44,11 @@ export interface VueFireNuxtModuleOptions {
     config: Omit<AppOptions, 'credential'>
 
     /**
-     * Firebase Admin Service Account passed to `firebase-admin`'s `initializeApp()`. Required if you are adding an adminConfig
+     * Firebase Admin Service Account passed to `firebase-admin`'s `initializeApp()`. Required if you are adding an adminConfig.
      */
     serviceAccount: string | ServiceAccount
   }
 
-  /**
-   * Optional name passed to `firebase.initializeApp(config, name)`
-   */
-  // TODO: is this useful?
-  // NOTE: this should probably be inferred automatically based on the auth status to have one app per user cached on the server
-  // appName?: string
-
   /**
    * Enables AppCheck on the client and server. Note you only need to pass the options for the client, on the server,
    * the configuration will be handled automatically.
@@ -187,10 +180,16 @@ const VueFire: NuxtModule<VueFireNuxtModuleOptions> =
         addPlugin(resolve(runtimeDir, 'admin/plugin.server'))
       }
 
-      addVueFireImports([
+      // these imports are overridden by nuxt-vuefire to allow being used in more places like plugins and middlewares
+      addImports([
         // app
-        { from: 'vuefire', name: 'useFirebaseApp' },
+        {
+          from: resolve(runtimeDir, 'app/composables'),
+          name: 'useFirebaseApp',
+        },
+      ])
 
+      addVueFireImports([
         // firestore
         { from: 'vuefire', name: 'useDocument' },
         { from: 'vuefire', name: 'useCollection' },

packages/nuxt/src/runtime/app/composables.ts

@@ -0,0 +1,6 @@
+import { useNuxtApp } from '#app'
+
+/**
+ * Gets the firebase instance from the current Nuxt App. This can be used anywhere the `useNuxtApp()` can be used. Differently from `vuefire`'s `useFirebaseApp()`, this doesn't accept a name.
+ */
+export const useFirebaseApp = () => useNuxtApp().$firebaseApp

packages/nuxt/src/runtime/auth/composables.ts

@@ -1,10 +1,9 @@
 import { getCurrentUser as _getCurrentUser } from 'vuefire'
-import { useNuxtApp } from '#app'
+import { useFirebaseApp } from '../app/composables'
 
 /**
  * @inheritDoc {getCurrentUser}
  */
-export function getCurrentUser(name?: string) {
+export const getCurrentUser = (name?: string) =>
   // This makes the `getCurrentUser()` function work by default in more places when using the Nuxt module
-  return _getCurrentUser(name ?? useNuxtApp().$firebaseApp.name)
-}
+  _getCurrentUser(name ?? useFirebaseApp().name)