fix(Link): propagate active prop to slot as isActive

This commit is contained in:
Benjamin Canac
2024-01-24 18:20:25 +01:00
parent b5b97f3467
commit b76e761bbb

View File

@@ -7,7 +7,7 @@
v-bind="$attrs" v-bind="$attrs"
:class="active ? activeClass : inactiveClass" :class="active ? activeClass : inactiveClass"
> >
<slot /> <slot v-bind="{ isActive: active }" />
</component> </component>
<NuxtLink <NuxtLink
v-else v-else
@@ -25,7 +25,7 @@
:class="active !== undefined ? (active ? activeClass : inactiveClass) : resolveLinkClass(route, $route, { isActive, isExactActive })" :class="active !== undefined ? (active ? activeClass : inactiveClass) : resolveLinkClass(route, $route, { isActive, isExactActive })"
@click="(e) => !isExternal && navigate(e)" @click="(e) => !isExternal && navigate(e)"
> >
<slot v-bind="{ isActive: exact ? isExactActive : isActive }" /> <slot v-bind="{ isActive: active !== undefined ? active : (exact ? isExactActive : isActive) }" />
</a> </a>
</NuxtLink> </NuxtLink>
</template> </template>