Need some handling for images, an error message when no posts are found or when an issue occurs. I would also like to work on some more modular styling for the layout.
18 lines
488 B
Svelte
18 lines
488 B
Svelte
<script lang="ts">
|
|
import type { PageProps } from './$types';
|
|
let { data }: PageProps = $props();
|
|
</script>
|
|
|
|
{#if data.post.error}
|
|
<main class="flex min-h-screen w-full flex-col items-center justify-center">
|
|
<h1 class="py-8 text-6xl font-semibold text-gray-300 italic opacity-30">404 - Not Found</h1>
|
|
<p class="text-sm text-gray-300 italic">
|
|
{data.post.error}
|
|
</p>
|
|
</main>
|
|
{:else}
|
|
<div class="blog-wrapper prose mx-[7.5%] my-[3%]">
|
|
{@html data.post.content}
|
|
</div>
|
|
{/if}
|