Svelte Components

mdsvex allows using Svelte components in markdown files

Example

Markdown Text:

<script>
    import FancyButton from "$lib/components/FancyButton.svelte"
    let numberClicked = 0
</script>

Number of clicks: {numberClicked}
<FancyButton onclick={() => numberClicked+=1}>Fancy Button</FancyButton>

Rendered Result:

Number of clicks: 0