How to use click handlers instead of 'to' in UNavigationMenu items

// My current setup
const handleSelect = (item: NavigationMenuItem) => {
   console.log("selected item", item.label) // This logs correctly
   if (item.click) {
       item.click() // This doesn't seem to execute
   }
}

const items: NavigationMenuItem[][] = [
   [
       {
           label: "Home",
           icon: "i-lucide-house",
           // to: "/" - I want to avoid this
           click: () => {
               console.log("Home clicked!") // This never logs
               tab.value = "home"
           }
       },
       // Other items...
   ]
]

// my template
<UNavigationMenu
    :collapsed="collapsed"
    :items="items[0]"
    orientation="vertical"
    @select="handleSelect"
/>