Files
website/components/content/ProseA.vue
2024-04-20 00:03:10 +02:00

27 lines
494 B
Vue

<script setup lang="ts">
defineProps({
href: {
type: String,
default: ''
},
target: {
type: String,
default: undefined,
required: false
}
})
const appConfig = useAppConfig()
</script>
<template>
<NuxtLink
:href="href"
:target="target"
class="border-b border-zinc-200 dark:border-zinc-700/70 duration-300"
:class="`hover:border-${appConfig.ui.primary}-500 dark:hover:border-${appConfig.ui.primary}-500`"
>
<slot />
</NuxtLink>
</template>