sendevia/website
1
0
Fork 0
mirror of https://github.com/sendevia/website.git synced 2026-03-05 23:32:45 +08:00
Code Activity

feat(button): refactor button component to use dynamic component for anchor and button elements

Browse Source
This commit is contained in:
sendevia
2025-11-15 00:08:15 +08:00
parent 29364f4c20
commit d9eadf1893
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
.vitepress/theme/components/Button.vue
View File

@@ -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>