<script lang="ts">
let { route = undefined, path = "/" }: { route?: string; path?: string } =
	$props();
const title = $derived((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>
