refactor: signout logic

Author: davidstackio

src/module.ts

@@ -173,6 +173,13 @@ export default defineNuxtModule<ModuleOptions>({
         file: resolver.resolve('./runtime/pages/SignUp.vue'),
       })
 
+      // Sign Out
+      pages.unshift({
+        name: 'signout',
+        path: '/signout',
+        file: resolver.resolve('./runtime/pages/SignOut.vue'),
+      })
+
       // Account
       pages.unshift({
         name: 'account',

src/runtime/composables/firebase.ts

@@ -4,16 +4,11 @@ import { navigateTo } from '#imports'
 
 export const useSignOut = () => {
   // App state
-  const auth = useFirebaseAuth()!
+  const auth = useFirebaseAuth()
 
   const signOut = async (redirectTo = '/signin') => {
-    if (!auth) {
-      console.error('Firebase auth not available.')
-      return
-    }
-
     // Sign out from Firebase Auth
-    await firebaseSignOut(auth)
+    if (auth) await firebaseSignOut(auth)
 
     // Redirect
     await navigateTo(redirectTo)

src/runtime/pages/SignOut.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { useSignOut } from '#imports'
+
+// STATE - GLOBAL
+const { signOut } = useSignOut()
+
+await signOut()
+</script>
+
+<template>
+  <p>Signing out...</p>
+</template>