fix: firebase signout

Author: davidstackio

src/runtime/components/app/AppBar.vue

@@ -9,14 +9,14 @@ import { useDrawer, useSignOut } from '#imports'
 const { xs } = useDisplay()
 const drawer = useDrawer()
 const currentUser = useCurrentUser()
+const { signOut } = useSignOut()
 
 // Page info
 const route = useRoute()
 const isSigningUp = computed(() => route.meta.layout === 'signup')
 
 const clickSignOut = async () => {
-  const signOut = useSignOut()
-  await signOut
+  await signOut()
 }
 </script>
 

src/runtime/components/app/AppUserMenu.vue

@@ -6,10 +6,10 @@ import { useNuxtifyConfig, useSignOut } from '#imports'
 // App state
 const nuxtifyConfig = useNuxtifyConfig()
 const currentUser = useCurrentUser()
+const { signOut } = useSignOut()
 
 const clickSignOut = async () => {
-  const signOut = useSignOut()
-  await signOut
+  await signOut()
 }
 </script>
 

src/runtime/composables/firebase.ts

@@ -1,16 +1,27 @@
-import { signOut } from 'firebase/auth'
+import { signOut as firebaseSignOut } from 'firebase/auth'
 import { useFirebaseAuth, useFirebaseStorage } from 'vuefire'
 import { navigateTo } from '#imports'
 
-export const useSignOut = async (redirectTo = '/signin') => {
+export const useSignOut = () => {
   // App state
   const auth = useFirebaseAuth()!
 
-  // Sign out from Firebase Auth
-  await signOut(auth)
+  const signOut = async (redirectTo = '/signin') => {
+    if (!auth) {
+      console.error('Firebase auth not available.')
+      return
+    }
 
-  // Redirect
-  navigateTo(redirectTo)
+    // Sign out from Firebase Auth
+    await firebaseSignOut(auth)
+
+    // Redirect
+    await navigateTo(redirectTo)
+  }
+
+  return {
+    signOut,
+  }
 }
 
 export const usePublicStorageUrl = (fileRef: string, lastUpdated?: number | string) => {