ui
ui copied to clipboard
Cannot pass NuxtLink `replace` to Nav components
Environment
- Operating System: Darwin
- Node Version: v20.11.1
- Nuxt Version: 3.11.2
- CLI Version: 3.11.1
- Nitro Version: 2.9.6
- Package Manager: [email protected]
- Builder: -
- User Config: experimental, alias, devtools, srcDir, imports, ssr, nitro, extensions, sourcemap, runtimeConfig, hooks, routeRules, css, build, modules, auth, plugins, gtag, tailwindcss, ui, colorMode, vite, vue, app
- Runtime Modules: @pinia/[email protected], [email protected], @nuxt/[email protected], @sidebase/[email protected], @pinia-plugin-persistedstate/[email protected], @vueuse/[email protected], @nuxt/[email protected]
- Build Modules: -
Version
v2.15.1
Reproduction
Can provide if needed
Description
Hi there,
Absolutely loving this library so far... this is the best UI component library I've ever used, across any framework.
One small issue though - I'm unable to use NuxtLink's replace in both the HorizontalNavigation and VerticalNavigation, even though the docs say I can use any property from NuxtLink. Passing to works perfectly, of course, but it's essential for me to router.replace the route and I'd rather not have to pass that as a click prop. The following doesn't work:
<script setup lang='ts'>
const tabs = [
...,
{
replace: '/runs/bulk',
label: 'Bulk Runs',
icon: 'i-ph-list-bullets-bold',
},
]
</script>
<template>
<UHorizontalNavigation
:links="tabs"
:ui="{
base: 'text-base font-bold',
icon: { base: 'w-6 h-6' },
}"
/>
</template>
Any help with this would be great! Thanks so much for all your hard work.
Additional context
No response
Logs
No response