TS Layout composable

Author: connorabbas

resources/js/composables/useAppLayout.js renamed to resources/js/composables/useAppLayout.ts

@@ -2,6 +2,7 @@ import { ref, computed, onMounted, onUnmounted, watchEffect } from 'vue';
 import { usePage, useForm } from '@inertiajs/vue3';
 import { route } from 'ziggy-js';
 import { LayoutGrid, House, Info, Github, Code, Settings, LogOut, BookOpen } from 'lucide-vue-next';
+import { ExtendedMenuItem } from '@/types';
 
 export function useAppLayout() {
     const page = usePage();
@@ -14,7 +15,7 @@ export function useAppLayout() {
     });
 
     // Menu items
-    const menuItems = computed(() => [
+    const menuItems = computed<ExtendedMenuItem[]>(() => [
         {
             label: 'Home',
             lucideIcon: House,
@@ -55,7 +56,7 @@ export function useAppLayout() {
     const logout = () => {
         logoutForm.post(route('logout'));
     };
-    const userMenuItems = [
+    const userMenuItems: ExtendedMenuItem[] = [
         {
             label: 'Settings',
             route: route('profile.edit'),