2024-08-27 16:39:29 +02:00
|
|
|
<script lang="ts">
|
|
|
|
|
import Head from "../common/Head.svelte";
|
|
|
|
|
import Nav from "../common/Nav.svelte";
|
|
|
|
|
import Footer from "../common/Footer.svelte";
|
2024-09-10 17:29:57 +02:00
|
|
|
import { md, type WebsiteOverview } from "../../utils";
|
|
|
|
|
import type { Article } from "../../db-schema";
|
2024-08-27 16:39:29 +02:00
|
|
|
|
|
|
|
|
const {
|
2024-09-10 17:29:57 +02:00
|
|
|
websiteOverview,
|
|
|
|
|
article,
|
|
|
|
|
apiUrl
|
|
|
|
|
}: { websiteOverview: WebsiteOverview; article: Article; apiUrl: string } = $props();
|
2024-08-27 16:39:29 +02:00
|
|
|
</script>
|
|
|
|
|
|
2024-09-10 17:29:57 +02:00
|
|
|
<Head
|
|
|
|
|
{websiteOverview}
|
|
|
|
|
nestingLevel={1}
|
|
|
|
|
{apiUrl}
|
|
|
|
|
title={article.title}
|
|
|
|
|
metaDescription={article.meta_description}
|
|
|
|
|
/>
|
2024-08-27 16:39:29 +02:00
|
|
|
|
2024-09-10 17:29:57 +02:00
|
|
|
<Nav {websiteOverview} isDocsTemplate={true} isIndexPage={false} {apiUrl} />
|
2024-08-27 16:39:29 +02:00
|
|
|
|
|
|
|
|
<header>
|
|
|
|
|
<div class="container">
|
2024-09-10 17:29:57 +02:00
|
|
|
<h1>{article.title}</h1>
|
2024-08-27 16:39:29 +02:00
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
|
2024-09-10 17:29:57 +02:00
|
|
|
{#if article.main_content}
|
2024-08-27 16:39:29 +02:00
|
|
|
<main>
|
|
|
|
|
<div class="container">
|
2024-09-10 17:29:57 +02:00
|
|
|
{@html md(article.main_content)}
|
2024-08-27 16:39:29 +02:00
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
{/if}
|
|
|
|
|
|
2024-09-10 17:29:57 +02:00
|
|
|
<Footer {websiteOverview} isIndexPage={false} />
|
