From 9b11cc89fa1110b75546474744a254672744090c Mon Sep 17 00:00:00 2001
From: Tony Lea <tony@devdojo.com>
Date: Tue, 15 Apr 2025 07:39:54 -0400
Subject: [PATCH 1/2] Adding prefetch to settings and adding logout flush

---
 resources/js/components/UserMenuContent.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/UserMenuContent.vue b/resources/js/components/UserMenuContent.vue
index 75996f6e..f94199a5 100644
--- a/resources/js/components/UserMenuContent.vue
+++ b/resources/js/components/UserMenuContent.vue
@@ -2,13 +2,18 @@
 import UserInfo from '@/components/UserInfo.vue';
 import { DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator } from '@/components/ui/dropdown-menu';
 import type { User } from '@/types';
-import { Link } from '@inertiajs/vue3';
+import { Link, router } from '@inertiajs/vue3';
 import { LogOut, Settings } from 'lucide-vue-next';
 
 interface Props {
     user: User;
 }
 
+// Define the logout handler function
+const handleLogout = () => {
+    router.flushAll();
+};
+
 defineProps<Props>();
 </script>
 
@@ -21,7 +26,7 @@ defineProps<Props>();
     <DropdownMenuSeparator />
     <DropdownMenuGroup>
         <DropdownMenuItem :as-child="true">
-            <Link class="block w-full" :href="route('profile.edit')" as="button">
+            <Link class="block w-full" :href="route('profile.edit')" prefetch as="button">
                 <Settings class="mr-2 h-4 w-4" />
                 Settings
             </Link>
@@ -29,7 +34,7 @@ defineProps<Props>();
     </DropdownMenuGroup>
     <DropdownMenuSeparator />
     <DropdownMenuItem :as-child="true">
-        <Link class="block w-full" method="post" :href="route('logout')" as="button">
+        <Link class="block w-full" method="post" :href="route('logout')" @click="handleLogout" as="button">
             <LogOut class="mr-2 h-4 w-4" />
             Log out
         </Link>

From 98d074a507e96c1e416b411404a8ffed3ed660e7 Mon Sep 17 00:00:00 2001
From: Taylor Otwell <taylor@laravel.com>
Date: Tue, 22 Apr 2025 10:11:20 -0500
Subject: [PATCH 2/2] Update UserMenuContent.vue

---
 resources/js/components/UserMenuContent.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/resources/js/components/UserMenuContent.vue b/resources/js/components/UserMenuContent.vue
index f94199a5..78184442 100644
--- a/resources/js/components/UserMenuContent.vue
+++ b/resources/js/components/UserMenuContent.vue
@@ -9,7 +9,6 @@ interface Props {
     user: User;
 }
 
-// Define the logout handler function
 const handleLogout = () => {
     router.flushAll();
 };