<script lang="ts">
	import type { PageData } from './$types'

	export let data: PageData
</script>

<!-- SEO -->
<svelte:head>
	<title>{data.snippet.title}</title>
	<meta property="og:type" content="article" />
	<meta property="og:title" content={data.snippet.title} />
	<meta name="description" content={data.snippet.description} />
</svelte:head>

<article class="max-w-3xl mx-auto px-4 py-8">
	<div class="prose max-w-none">
		<svelte:component this={data.content} />
	</div>
</article>