fix: reactive user updates in NavUser & fix password input focus in DeleteUser modal

Author: chabdulrahmn

resources/js/components/DeleteUser.vue

@@ -31,7 +31,7 @@ const deleteUser = (e: Event) => {
     form.delete(route('profile.destroy'), {
         preserveScroll: true,
         onSuccess: () => closeModal(),
-        onError: () => passwordInput.value?.focus(),
+        onError: () => passwordInput.value?.$el.focus(),
         onFinish: () => form.reset(),
     });
 };

resources/js/components/NavUser.vue

@@ -6,9 +6,10 @@ import { type SharedData, type User } from '@/types';
 import { usePage } from '@inertiajs/vue3';
 import { ChevronsUpDown } from 'lucide-vue-next';
 import UserMenuContent from './UserMenuContent.vue';
+import { computed } from 'vue';
 
 const page = usePage<SharedData>();
-const user = page.props.auth.user as User;
+const user = computed(()=> page.props.auth.user as User);
 </script>
 
 <template>