add list support

src/lib/markdown/renderers/List.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		children?: Snippet;
+		ordered?: boolean;
+		loose?: boolean;
+		start?: number;
+	}
+
+	const { children, ordered }: Props = $props();
+</script>
+
+{#if ordered}
+	<ol class="my-2">
+		{@render children?.()}
+	</ol>
+{:else}
+	<ul class="my-2">
+		{@render children?.()}
+	</ul>
+{/if}

src/lib/markdown/renderers/OrderedListItem.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		children?: Snippet;
+		task?: boolean;
+		checked?: boolean;
+		listItemIndex: number;
+	}
+
+	const { children, task, checked: initial = false, listItemIndex, ...rest }: Props = $props();
+
+	let checked = $derived(initial);
+</script>
+
+<li class="ml-2">
+	{listItemIndex + 1}. {#if task}
+		<input
+			type="checkbox"
+			class="mr-2"
+			class:hidden={!task}
+			{checked}
+			onclick={() => {
+				checked = !checked;
+			}}
+		/>{/if}{@render children?.()}
+</li>

src/lib/markdown/renderers/UnorderedListItem.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		children?: Snippet;
+		task?: boolean;
+		checked?: boolean;
+		listItemIndex?: number;
+	}
+
+	const { children, task, checked: initial = false }: Props = $props();
+
+	let checked = $derived(initial);
+</script>
+
+<li class="ml-2">
+	{#if task}
+		<input
+			type="checkbox"
+			class="mr-2"
+			class:hidden={!task}
+			{checked}
+			onclick={() => {
+				checked = !checked;
+			}}
+		/>
+	{:else}
+		🞄
+	{/if}{@render children?.()}
+</li>