Files
artsite/app/components/home/Link.vue
2024-06-21 00:33:07 +02:00

35 lines
663 B
Vue

<script setup lang="ts">
defineProps({
label: {
type: String,
required: true
},
href: {
type: String,
required: true
},
icon: {
type: String
},
blanked: {
type: Boolean,
default: false
}
})
</script>
<template>
<NuxtLink
:href="href"
:target="blanked ? '_blank' : '_self'"
class="sofia border-b border-gray-200 hover:border-black duration-300 dark:border-neutral-800 dark:hover:border-white flex gap-1 items-center pb-.5"
>
<Icon
v-if="icon"
:name="icon"
size="20"
/>
<span class="font-bold text-md text-black dark:text-white">{{ label }}</span>
</NuxtLink>
</template>