From 396aae75638da88a736179f71324374d74a89d70 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 1 Aug 2023 12:32:11 +0200
Subject: [PATCH] fix(Link): handle `disabled` prop

Fixes #473
---
 src/runtime/components/elements/Link.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/elements/Link.vue b/src/runtime/components/elements/Link.vue
index acfe7bca..11329cf0 100644
--- a/src/runtime/components/elements/Link.vue
+++ b/src/runtime/components/elements/Link.vue
@@ -1,5 +1,5 @@
 <template>
-  <button v-if="!to" v-bind="$attrs" :class="inactiveClass">
+  <button v-if="!to" :type="type" :disabled="disabled" v-bind="$attrs" :class="inactiveClass">
     <slot />
   </button>
   <NuxtLink
@@ -10,7 +10,9 @@
   >
     <a
       v-bind="$attrs"
-      :href="href"
+      :href="!disabled ? href : undefined"
+      :aria-disabled="disabled ? 'true' : undefined"
+      :role="disabled ? 'link' : undefined"
       :rel="rel"
       :target="target"
       :class="resolveLinkClass(route, { isActive, isExactActive })"
@@ -31,6 +33,14 @@ export default defineComponent({
   inheritAttrs: false,
   props: {
     ...NuxtLink.props,
+    type: {
+      type: String,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: null
+    },
     exact: {
       type: Boolean,
       default: false