Get if ULink is active

[JcGuerrero15]

Description

Hi. I'm working with NuxtUI but I have a problem:

I have a navbar with differents ULinks.

I need to change mi icon name based if my ULink is active. For example: If my ULink is active, I need to change 'i-heroicons-archive-box-x-mark' to 'i-heroicons-archive-box-x-mark-20-solid'

Does exists any way to handle this?

[benjamincanac]

You can access the isActive attribute in the slot props:

<ULink v-slot="{ isActive }" :to="to">

</ULink>

[JcGuerrero15]

You can access the isActive attribute in the slot props:

<ULink v-slot="{ isActive }" :to="to">

</ULink>

Thanks. Works like a charm!