first commit

resources/js/components/TextLink.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+    import type { LinkComponentBaseProps, Method } from '@inertiajs/core';
+    import { Link } from '@inertiajs/svelte';
+    import type { Snippet } from 'svelte';
+
+    let {
+        href,
+        tabindex,
+        method,
+        as,
+        children,
+        ...rest
+    }: {
+        href: LinkComponentBaseProps['href'];
+        tabindex?: number;
+        method?: Method;
+        as?: keyof HTMLElementTagNameMap;
+        children?: Snippet;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<Link
+    {href}
+    {tabindex}
+    {method}
+    {as}
+    class="text-foreground underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500"
+    {...rest}
+>
+    {@render children?.()}
+</Link>