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

11
src/lib/markdown/renderers/BlockQuote.svelte Normal file
View file

@ -0,0 +1,11 @@
<script lang="ts">
interface Props {
text?: string;
}
const { text }: Props = $props();
</script>
<blockquote class="bg-base-200 border-base-300 text-base-content rounded-lg border-l-4 p-4">
<p class="text-gray-700">{text}</p>
</blockquote>

14
src/lib/markdown/renderers/Code.svelte Normal file
View file

@ -0,0 +1,14 @@
<script lang="ts">
interface Props {
lang?: string;
text?: string;
}
const { text = '' }: Props = $props();
</script>
<div class="mockup-code w-full">
{#each text.split('\n') as line, index (index)}
<pre data-prefix={index + 1}><code>{line}</code></pre>
{/each}
</div>

15
src/lib/markdown/renderers/Link.svelte Normal file
View file

@ -0,0 +1,15 @@
<script lang="ts">
import type { Snippet } from 'svelte';
interface Props {
children?: Snippet;
href?: string;
title?: string;
}
const { href = '', title = '', children }: Props = $props();
</script>
<a {href} {title} class="link link-primary">
{@render children?.()}
</a>