From 6e653d584c14ca24c506d52f1ec9c36c19fc1992 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Wed, 30 Jul 2025 00:13:44 +0200
Subject: [PATCH] feat: Enhance logout functionality and routing in
 authentication system

- Integrate `useRouter` in `UserProfile.vue` and `useAuth.ts` to manage navigation after logout.
- Update `handleLogout` in `Navbar.vue` to reflect that redirection is now handled within the `auth.logout()` function.
---
 src/components/auth/UserProfile.vue | 2 ++
 src/components/layout/Navbar.vue    | 1 +
 src/composables/useAuth.ts          | 4 ++++
 3 files changed, 7 insertions(+)

diff --git a/src/components/auth/UserProfile.vue b/src/components/auth/UserProfile.vue
index 7982f5a..9ecdf9e 100644
--- a/src/components/auth/UserProfile.vue
+++ b/src/components/auth/UserProfile.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+import { useRouter } from 'vue-router'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Badge } from '@/components/ui/badge'
@@ -7,6 +8,7 @@ import { User, LogOut, Settings } from 'lucide-vue-next'
 import { auth } from '@/composables/useAuth'
 import { toast } from 'vue-sonner'
 
+const router = useRouter()
 const userDisplay = computed(() => auth.userDisplay.value)
 
 async function handleLogout() {
diff --git a/src/components/layout/Navbar.vue b/src/components/layout/Navbar.vue
index a5eed41..4464731 100644
--- a/src/components/layout/Navbar.vue
+++ b/src/components/layout/Navbar.vue
@@ -43,6 +43,7 @@ const handleLogout = async () => {
   try {
     await auth.logout()
     isOpen.value = false
+    // The redirect is now handled in the auth.logout() function
   } catch (error) {
     console.error('Logout failed:', error)
   }
diff --git a/src/composables/useAuth.ts b/src/composables/useAuth.ts
index fa8eca4..d9c6be0 100644
--- a/src/composables/useAuth.ts
+++ b/src/composables/useAuth.ts
@@ -1,4 +1,5 @@
 import { ref, computed } from 'vue'
+import { useRouter } from 'vue-router'
 import { lnbitsAPI, type User, type LoginCredentials, type RegisterData } from '@/lib/api/lnbits'
 
 const currentUser = ref<User | null>(null)
@@ -6,6 +7,7 @@ const isLoading = ref(false)
 const error = ref<string | null>(null)
 
 export function useAuth() {
+  const router = useRouter()
   const isAuthenticated = computed(() => !!currentUser.value)
 
   /**
@@ -82,6 +84,8 @@ export function useAuth() {
     } finally {
       currentUser.value = null
       error.value = null
+      // Redirect to login page after logout
+      router.push('/login')
     }
   }