Creating custom code components

[vargaking]

I am trying to customize mdsvex and ran into a problem with code snippets.

//layout.svelte
<script lang="ts" context="module">
    import h1 from "./markdown/h1.svelte";
    import h2 from "./markdown/h2.svelte";
    import h3 from "./markdown/h3.svelte";
    import blockquote from "./markdown/blockquote.svelte";
    import code from "./markdown/code.svelte";

    export { h1, h2, h3, blockquote, code };
</script>

<slot></slot>

The headers and blockquotes are compiling without problem. However the code component doesn't.

//code.svelte
<code class="bg-slate-300">
    <slot></slot>
</code>

Another question is how can i make a difference in simple and triple code snippets?

[philipbelesky]

You may want to checkout this post: #100 (comment)