From d9eadf1893b579966fda88ba9f8fb14140526ded Mon Sep 17 00:00:00 2001
From: sendevia <me@sendevia.top>
Date: Sat, 15 Nov 2025 00:08:15 +0800
Subject: [PATCH] feat(button): refactor button component to use dynamic
 component for anchor and button elements

---
 .vitepress/theme/components/Button.vue | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/.vitepress/theme/components/Button.vue b/.vitepress/theme/components/Button.vue
index 4012c46..b849d0a 100644
--- a/.vitepress/theme/components/Button.vue
+++ b/.vitepress/theme/components/Button.vue
@@ -18,18 +18,17 @@ const props = withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
-  <a v-if="href" :href="href" :target="target" class="md-button" :class="[props.shape, props.size, props.color, props.icon ? 'icon' : '']">
+  <component
+    :is="href ? 'a' : 'button'"
+    :href="href"
+    class="md-button"
+    :class="[props.shape, props.size, props.color, props.icon ? 'icon' : '']"
+  >
     <span v-if="props.icon">
       {{ props.icon }}
     </span>
     {{ props.text }}
-  </a>
-  <button v-else class="md-button" :class="[props.shape, props.size, props.color, props.icon ? 'icon' : '']">
-    <span v-if="props.icon">
-      {{ props.icon }}
-    </span>
-    {{ props.text }}
-  </button>
+  </component>
 </template>
 
 <style lang="scss" scoped>