From 82e152be02ca7b8fc5d6e27ffd81ff3f0d8a8f80 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 19 Jul 2023 14:36:30 +0200
Subject: [PATCH] fix(LinkCustom): `exact` prop wasn't working

Resolves #417
---
 src/runtime/components/elements/LinkCustom.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/elements/LinkCustom.vue b/src/runtime/components/elements/LinkCustom.vue
index 5ff678b498..6b0ef3458f 100644
--- a/src/runtime/components/elements/LinkCustom.vue
+++ b/src/runtime/components/elements/LinkCustom.vue
@@ -4,7 +4,7 @@
   </button>
   <NuxtLink
     v-else
-    v-slot="{ href, target, rel, navigate, exact, isActive, isExactActive, isExternal }"
+    v-slot="{ href, target, rel, navigate, isActive, isExactActive, isExternal }"
     v-bind="$props"
     custom
   >
@@ -29,6 +29,10 @@ export default defineComponent({
   inheritAttrs: false,
   props: {
     ...NuxtLink.props,
+    exact: {
+      type: Boolean,
+      default: false
+    },
     inactiveClass: {
       type: String,
       default: undefined
@@ -36,7 +40,11 @@ export default defineComponent({
   },
   setup (props) {
     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
       }