pages/src/routes/blog/[year]/[date]/+page.svelte

<script>
    import Banner2 from "$lib/banner2.svelte";
    import Content from "$lib/viewport/content.svelte";
    import TableOfContents from "$lib/components/table-of-contents.svelte";

	export let data;
</script>

<svelte:head>
    <title>{data.title} | denizk0461</title>
    <meta name="description" content="{data.description}">
    <meta name="DCTERMS.created" content="{data.date}T{data.time}">
</svelte:head>

<Content>
    <Banner2
        title="{data.title}"
        date="{data.date}, {data.time}"
        banner="{data.banner}"
        bannerAlt="Banner for blog post '{data.title}'" />

    <TableOfContents />

    <svelte:component this={data.content} />

</Content>