fix(Link): reactivity issue with active prop

Fixes nuxt/nuxt.com#1432
fleissigguy · Nov 22, 2023 · 8c4658e · 8c4658e
1 parent c68e8ed
commit 8c4658e
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/src/runtime/components/elements/Link.vue b/src/runtime/components/elements/Link.vue
@@ -21,7 +21,7 @@
       :role="disabled ? 'link' : undefined"
       :rel="rel"
       :target="target"
-      :class="resolveLinkClass(route, $route, { isActive, isExactActive })"
+      :class="active ? activeClass : resolveLinkClass(route, $route, { isActive, isExactActive })"
       @click="(e) => !isExternal && navigate(e)"
     >
       <slot v-bind="{ isActive: exact ? isExactActive : isActive }" />
@@ -69,10 +69,6 @@ export default defineComponent({
   },
   setup (props) {
     function resolveLinkClass (route, $route, { isActive, isExactActive }: { isActive: boolean, isExactActive: boolean }) {
-      if (props.active) {
-        return props.activeClass
-      }
-
       if (props.exactQuery && !isEqual(route.query, $route.query)) {
         return props.inactiveClass
       }