From 535dd0e0c5abdd746ed5442983fe185c45d8c71b Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Mon, 4 Sep 2023 16:34:13 +0200
Subject: [PATCH] YButton: use link instead of button if used as navigation

---
 components/YButton.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/YButton.vue b/components/YButton.vue
index b602d7c..a4f6513 100644
--- a/components/YButton.vue
+++ b/components/YButton.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { NuxtLink } from '#components'
+
 const props = withDefaults(
   defineProps<{
     type?: 'button' | 'submit' | 'reset'
@@ -33,10 +35,11 @@ const variantClass = computed(() => {
 </script>
 
 <template>
-  <button
+  <component
+    :is="$attrs.to ? NuxtLink : 'button'"
     class="btn"
     :class="[variantClass, { 'btn-block': block }]"
-    :type="type"
+    :type="$attrs.to ? null : type"
   >
     <slot name="default">
       <Icon
@@ -48,5 +51,5 @@ const variantClass = computed(() => {
       />
       <span :class="{ 'sr-only': iconOnly }">{{ text }}</span>
     </slot>
-  </button>
+  </component>
 </template>