refactor: component touch ups

Author: connorabbas

src/components/DeleteUserModal.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useTemplateRef } from 'vue';
 import { useRouter } from 'vue-router';
+import Password from 'primevue/password';
 import { useAuthStore } from '@/stores/auth';
 import { useAxiosForm } from '@/composables/useAxiosForm';
 import { useFlashMessage } from '@/composables/useFlashMessage.js';
@@ -12,7 +13,8 @@ const authStore = useAuthStore();
 const router = useRouter();
 const { setFlashMessage } = useFlashMessage();
 
-const passwordInput = useTemplateRef('password-input');
+type PasswordInputType = InstanceType<typeof Password>;
+const passwordInput = useTemplateRef<PasswordInputType>('password-input');
 
 const {
     data: formData,

src/components/InputErrors.vue

@@ -1,9 +1,7 @@
 <script setup lang="ts">
-defineProps({
-    errors: {
-        type: Array,
-    },
-});
+defineProps<{
+    errors?: string[]
+}>();
 </script>
 
 <template>

src/components/NavLogoLink.vue

@@ -4,17 +4,15 @@ import ApplicationLogo from '@/components/ApplicationLogo.vue';
 
 <template>
     <Button
-        v-slot="slotProps"
         asChild
         variant="link"
     >
         <RouterLink
             :to="{ name: 'welcome' }"
-            :class="slotProps.class"
             class="flex items-center justify-start gap-4 no-underline! p-0"
         >
             <ApplicationLogo class="block h-8 lg:h-10 w-auto fill-current text-surface-900 dark:text-surface-0" />
-            <span class="font-bold">Laravel + PrimeVue Starter Kit</span>
+            <span class="font-bold text-surface-900 dark:text-surface-0">Laravel + PrimeVue Starter Kit</span>
         </RouterLink>
     </Button>
 </template>

src/layouts/AppLayout.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import AppLayout from '@/layouts/app/SidebarLayout.vue';
+import AppLayout from '@/layouts/app/HeaderLayout.vue';
 import { type MenuItem } from '@/types';
 
 const props = withDefaults(defineProps<{