Update NavFooter.vue: Add getNavItemLink function for getting link from item deponding on its type route or href

add getNavItemLink function for getting link from item deponding on its type route or href

Author: drsoft28

resources/js/components/NavFooter.vue

@@ -8,6 +8,11 @@ interface Props {
 }
 
 defineProps<Props>();
+
+const getNavItemLink = (item:NavItem,defaultValue:string  =  '#') : string=>{
+    if(!item.href ) return defaultValue;
+    return item.type === 'route' ? route(item.href):item.href;
+}
 </script>
 
 <template>
@@ -16,7 +21,7 @@ defineProps<Props>();
             <SidebarMenu>
                 <SidebarMenuItem v-for="item in items" :key="item.title">
                     <SidebarMenuButton class="text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100" as-child>
-                        <a :href="item.href" target="_blank" rel="noopener noreferrer">
+                        <a :href="getNavItemLink(item)" target="_blank" rel="noopener noreferrer">
                             <component :is="item.icon" />
                             <span>{{ item.title }}</span>
                         </a>