From 1c00a366c23425d56ace84c7888c8f7cf8e56f69 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 4 Aug 2023 13:12:58 +0200
Subject: [PATCH] chore(Link): use `$route` instead of `useRoute()`

---
 src/runtime/components/elements/Link.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/runtime/components/elements/Link.vue b/src/runtime/components/elements/Link.vue
index 11329cf0..2a98f21e 100644
--- a/src/runtime/components/elements/Link.vue
+++ b/src/runtime/components/elements/Link.vue
@@ -15,7 +15,7 @@
       :role="disabled ? 'link' : undefined"
       :rel="rel"
       :target="target"
-      :class="resolveLinkClass(route, { isActive, isExactActive })"
+      :class="resolveLinkClass(route, $route, { isActive, isExactActive })"
       @click="(e) => !isExternal && navigate(e)"
     >
       <slot v-bind="{ isActive: exact ? isExactActive : isActive }" />
@@ -27,7 +27,6 @@
 import { isEqual } from 'lodash-es'
 import { defineComponent } from 'vue'
 import { NuxtLink } from '#components'
-import { useRoute } from '#imports'
 
 export default defineComponent({
   inheritAttrs: false,
@@ -59,11 +58,11 @@ export default defineComponent({
     }
   },
   setup (props) {
-    function resolveLinkClass (route, { isActive, isExactActive }: { isActive: boolean, isExactActive: boolean }) {
-      if (props.exactQuery && !isEqual(route.query, useRoute().query)) {
+    function resolveLinkClass (route, $route, { isActive, isExactActive }: { isActive: boolean, isExactActive: boolean }) {
+      if (props.exactQuery && !isEqual(route.query, $route.query)) {
         return props.inactiveClass
       }
-      if (props.exactHash && route.hash !== useRoute().hash) {
+      if (props.exactHash && route.hash !== $route.hash) {
         return props.inactiveClass
       }