YunoHost/yunohost-portal
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-portal.git synced 2024-09-03 20:06:23 +02:00
Code Issues Projects Releases Packages Wiki Activity

YButton: use link instead of button if used as navigation

Browse source
This commit is contained in:
axolotle 2023-09-04 16:34:13 +02:00
parent bba01d685b
commit 535dd0e0c5
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/YButton.vue
View file

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