src/lib/MarkdownLink.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<script lang="ts">
let { href, text }: { href: string; text: string } = $props();
let safeHref = $derived.by(() => {
  try {
    let url = new URL(href);

    switch (url.protocol) {
      case 'javascript:':
        return '#';

      default:
        return href;
    }
  } catch (error) {
    return '#';
  }
});
</script>

<a href={safeHref} target="_blank">{text}</a>