ui icon indicating copy to clipboard operation
ui copied to clipboard

Cannot pass NuxtLink `replace` to Nav components

Open spencerjsmall opened this issue 1 year ago • 0 comments

Environment


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

spencerjsmall avatar Apr 18 '24 19:04 spencerjsmall