<script lang="ts">
	import type { PageData } from './$types';
	export let data: PageData;
	const { slug, metadata, Content } = data;
	import siteMetadata from '$content/metadata.json';

	const title = metadata?.title || (slug[0].toUpperCase() + slug.slice(1));
</script>

<svelte:head>
	<title>{title} | {siteMetadata.blogName}</title>
</svelte:head>

<hr />
<article class="prose lg:prose-xl dark:prose-dark p-4">
	<Content />
</article>
<hr />
