34 lines
729 B
Vue
34 lines
729 B
Vue
<script setup lang="ts">
|
|
import type { LinkComponentBaseProps, Method } from '@inertiajs/core';
|
|
import { Link } from '@inertiajs/vue3';
|
|
|
|
type Props = {
|
|
href: LinkComponentBaseProps['href'];
|
|
tabindex?: number;
|
|
method?: Method;
|
|
as?: string;
|
|
};
|
|
|
|
defineProps<Props>();
|
|
</script>
|
|
|
|
<template>
|
|
<Link
|
|
:href="href"
|
|
:tabindex="tabindex"
|
|
:method="method"
|
|
:as="as"
|
|
class="c-text-link"
|
|
>
|
|
<slot />
|
|
</Link>
|
|
</template>
|
|
|
|
<style scoped>
|
|
@reference "../../css/app.css";
|
|
|
|
.c-text-link {
|
|
@apply text-foreground underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500;
|
|
}
|
|
</style>
|