arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-24 17:00:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(LinkCustom): exact prop wasn't working

Browse Source 
Resolves #417
This commit is contained in:
Benjamin Canac
2023-07-19 14:36:30 +02:00
parent 403899f11a
commit 82e152be02
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/runtime/components/elements/LinkCustom.vue
View File

@@ -4,7 +4,7 @@
</button> </button>
<NuxtLink <NuxtLink
v-else v-else
v-slot="{ href, target, rel, navigate, exact, isActive, isExactActive, isExternal }" v-slot="{ href, target, rel, navigate, isActive, isExactActive, isExternal }"
v-bind="$props" v-bind="$props"
custom custom
> >
@@ -29,6 +29,10 @@ export default defineComponent({
inheritAttrs: false, inheritAttrs: false,
props: { props: {
...NuxtLink.props, ...NuxtLink.props,
exact: {
type: Boolean,
default: false
},
inactiveClass: { inactiveClass: {
type: String, type: String,
default: undefined default: undefined
@@ -36,7 +40,11 @@ export default defineComponent({
}, },
setup (props) { setup (props) {
function resolveLinkClass ({ isActive, isExactActive }: { isActive: boolean, isExactActive: boolean }) { function resolveLinkClass ({ isActive, isExactActive }: { isActive: boolean, isExactActive: boolean }) {
if (isActive || isExactActive) { if (props.exact && isExactActive) {
return props.activeClass
}
if (!props.exact && isActive) {
return props.activeClass return props.activeClass
} }