[refac] Replace <a> with Link and button for Quick Links

This commit is contained in:
Karen Chen
2026-01-06 19:20:17 -05:00
parent c5c841ec30
commit c3cdb94068
4 changed files with 78 additions and 98 deletions

View File

@@ -1,7 +1,24 @@
<script>
let { href = 'https://www.example.com', children } = $props();
<script lang="ts">
let {
href = undefined,
external = false,
button = false,
children,
class: className = ''
} = $props();
</script>
<a {href} target="_blank" rel="noopener noreferrer" class="underline">
{@render children()}
</a>
{#if href}
<a
href={href}
class="{button ? '' : 'underline'} {className}"
target={external ? '_blank' : undefined}
rel={external ? 'noopener noreferrer' : undefined}
>
{@render children?.()}
</a>
{:else}
<span class={className}>
{@render children?.()}
</span>
{/if}