logout button

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>

frontend/lib/api/auth/logout.ts

@@ -0,0 +1,6 @@
+export async function logout() {
+    useAuthSession().value = null;
+    await navigateTo({
+        path: '/signin',
+    });
+}