Merge pull request #5 from ssssota/svelte-exmarkdown-v5

svelte-exmarkdown v5

Author: elliott-with-the-longest-name-on-github

package.json

@@ -59,7 +59,7 @@
 		"shadcn-svelte": "1.0.0-next.4",
 		"svelte": "^5.20.2",
 		"svelte-check": "^4.0.0",
-		"svelte-exmarkdown": "^4.0.3",
+		"svelte-exmarkdown": "^5.0.0",
 		"svelte-sonner": "^0.3.28",
 		"tailwind-merge": "^3.0.1",
 		"tailwind-variants": "^0.3.1",

pnpm-lock.yaml

@@ -1,29 +1,30 @@
 <script lang="ts">
 	import { cn } from '$lib/utils/shadcn';
 	import type { Snippet } from 'svelte';
+	import type { ClassValue } from 'svelte/elements';
 
 	let {
 		inline,
 		class: c,
 		children,
 		...rest
 	}: {
-		inline: boolean;
-		class: string;
-		children: Snippet;
+		inline?: boolean;
+		class?: ClassValue;
+		children?: Snippet;
 	} = $props();
 </script>
 
 {#if inline}
+	<code class={cn(`rounded-md bg-zinc-100 px-1 py-0.5 text-sm dark:bg-zinc-800`, c)} {...rest}>
+		{@render children?.()}
+	</code>
+{:else}
 	<div class="not-prose flex flex-col">
 		<pre
 			{...rest}
 			class={`w-full overflow-x-auto rounded-xl border border-zinc-200 p-4 text-sm text-zinc-900 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-50`}>
           <code class="whitespace-pre-wrap break-words">{@render children?.()}</code>
         </pre>
 	</div>
-{:else}
-	<code class={cn(`rounded-md bg-zinc-100 px-1 py-0.5 text-sm dark:bg-zinc-800`, c)} {...rest}>
-		{@render children?.()}
-	</code>
 {/if}