From 5ff19ef372f3bd6f279a2894fd3537cc904e8753 Mon Sep 17 00:00:00 2001
From: 409 <409dev@protonmail.com>
Date: Fri, 18 Jul 2025 09:32:28 +0200
Subject: [PATCH] logout button

---
 frontend/components/SidebarUser.vue | 5 +++--
 frontend/lib/api/auth/logout.ts     | 6 ++++++
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 frontend/lib/api/auth/logout.ts

diff --git a/frontend/components/SidebarUser.vue b/frontend/components/SidebarUser.vue
index 1bde2c8..a3c54a1 100644
--- a/frontend/components/SidebarUser.vue
+++ b/frontend/components/SidebarUser.vue
@@ -12,6 +12,7 @@ import {
     DropdownMenuLabel,
 } from '@/components/ui/dropdown-menu';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
+import { logout } from '~/lib/api/auth/logout';
 
 const { isMobile } = useSidebar();
 
@@ -100,9 +101,9 @@ const user = {
                         </DropdownMenuItem>
                     </DropdownMenuGroup>
                     <DropdownMenuSeparator />
-                    <DropdownMenuItem>
+                    <DropdownMenuItem @click="logout">
                         <Icon name="lucide:door-open" />
-                        Log out
+                        Sign out
                     </DropdownMenuItem>
                 </DropdownMenuContent>
             </DropdownMenu>
diff --git a/frontend/lib/api/auth/logout.ts b/frontend/lib/api/auth/logout.ts
new file mode 100644
index 0000000..fa44b7a
--- /dev/null
+++ b/frontend/lib/api/auth/logout.ts
@@ -0,0 +1,6 @@
+export async function logout() {
+    useAuthSession().value = null;
+    await navigateTo({
+        path: '/signin',
+    });
+}