baobeld/benjaminpalko
1
0
Fork 0
Code Pull requests Packages 2 Activity Actions

switch to svelte markdown

Browse source
This commit is contained in:
Benjamin Palko 2025-06-05 20:27:42 -04:00
parent 6fa049504b
commit a0b4f60e65
7 changed files with 71 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/routes/blog/[slug]/+page.svelte
View file

@ -1,6 +1,9 @@
<script lang="ts">
import BlockQuote from '$lib/markdown/renderers/BlockQuote.svelte';
import Code from '$lib/markdown/renderers/Code.svelte';
import Link from '$lib/markdown/renderers/Link.svelte';
import SvelteMarkdown from '@humanspeak/svelte-markdown';
import dayjs from 'dayjs';
import { compile } from 'mdsvex';
import type { PageProps } from './$types';
let { data }: PageProps = $props();
@ -15,11 +18,9 @@
</div>
<img class="aspect-4/2 w-full object-cover" src={post.image.url} alt={post.image.alt} />
<div class="w-full max-w-5xl px-4">
{#await compile(post.body)}
<div class="skeleton h-48 w-full"></div>
{:then content}
<!-- eslint-disable-next-line svelte/no-at-html-tags -->
{@html content?.code}
{/await}
<SvelteMarkdown
source={data.post.body}
renderers={{ link: Link, code: Code, blockquote: BlockQuote }}
/>
</div>
</div>