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

chore(Link): use $route instead of useRoute()

Browse Source
This commit is contained in:
Benjamin Canac
2023-08-04 13:12:58 +02:00
parent 9866f051b2
commit 1c00a366c2
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/runtime/components/elements/Link.vue
View File

@@ -15,7 +15,7 @@
:role="disabled ? 'link' : undefined" :role="disabled ? 'link' : undefined"
:rel="rel" :rel="rel"
:target="target" :target="target"
:class="resolveLinkClass(route, { isActive, isExactActive })" :class="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: exact ? isExactActive : isActive }" />
@@ -27,7 +27,6 @@
import { isEqual } from 'lodash-es' import { isEqual } from 'lodash-es'
import { defineComponent } from 'vue' import { defineComponent } from 'vue'
import { NuxtLink } from '#components' import { NuxtLink } from '#components'
import { useRoute } from '#imports'
export default defineComponent({ export default defineComponent({
inheritAttrs: false, inheritAttrs: false,
@@ -59,11 +58,11 @@ export default defineComponent({
} }
}, },
setup (props) { setup (props) {
function resolveLinkClass (route, { isActive, isExactActive }: { isActive: boolean, isExactActive: boolean }) { function resolveLinkClass (route, $route, { isActive, isExactActive }: { isActive: boolean, isExactActive: boolean }) {
if (props.exactQuery && !isEqual(route.query, useRoute().query)) { if (props.exactQuery && !isEqual(route.query, $route.query)) {
return props.inactiveClass return props.inactiveClass
} }
if (props.exactHash && route.hash !== useRoute().hash) { if (props.exactHash && route.hash !== $route.hash) {
return props.inactiveClass return props.inactiveClass
} }