pages/src/routes/projects/projectn5/devlog/[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}">
</svelte:head>

<Content>

    <Banner2
        title="{data.title}"
        subtitle="Project N5 Devlog"
        date="{data.date}"
        banner="preview.webp"
        bannerAlt="{data.bannerAlt}"    
    />

    <TableOfContents />

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

</Content>