src/lib/Home/HeadTitle.svelte


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

<script lang="ts">
  interface Props {
    route?: string | undefined;
    path?: string;
  }

  let { route = undefined, path = '/' }: Props = $props();

  const title = (route ? `${route} • ` : '') + 'due.moe';
</script>

<svelte:head>
  <!-- Facebook -->
  <meta name="og:url" property="og:url" content={`https://due.moe${path}`} />
  <meta name="og:title" property="og:title" content={title} />

  <!-- Twitter -->
  <meta name="twitter:url" property="twitter:url" content={`https://due.moe${path}`} />
  <meta name="twitter:title" property="twitter:title" content={title} />

  <title>{title}</title>
</svelte:head>