svelte-markdown示例

pnpm create vite
pnpm up
pnpm i
pnpm i @humanspeak/svelte-markdown
pnpm dev

修改App.svelte:

<script lang="ts">
  import SvelteMarkdown from "@humanspeak/svelte-markdown";

  let source = `
# This is a header

This is a paragraph with **bold** and <em>mixed HTML</em>.

* List item with \`inline code\`
* And a [link](https://svelte.dev)
* With nested items
* Supporting full markdown
`;
</script>

<SvelteMarkdown {source} />
<textarea bind:value={source} rows="10" style="width: 100%;"></textarea>