Pass full NuxtLink 'to' prop in mobile menu

Author: bdbch

app/components/Header/MobileMenu.client.vue

@@ -197,7 +197,7 @@ onUnmounted(deactivate)
                     <NuxtLink
                       v-for="link in group.items"
                       :key="link.name"
-                      :to="link.to?.name"
+                      :to="link.to"
                       :href="link.href"
                       :target="link.target"
                       class="flex items-center gap-3 px-3 py-3 rounded-md font-mono text-sm text-fg hover:bg-bg-subtle transition-colors duration-200"

app/types/navigation.ts

@@ -1,10 +1,10 @@
+import type { NuxtLinkProps } from '#app'
+
 export type NavigationLink = {
   name: string
   label: string
   iconClass?: string
-  to?: {
-    name?: string
-  }
+  to?: NuxtLinkProps['to'] & { name?: string }
   href?: string
   target?: string
   keyshortcut?: string