0.0.6 • Published 12 days ago
mdsvex-remark-code-extras v0.0.6
mdsvex-remark-code-extras
It is still in beta
Configurating:
// mdsvex.config.js:
import codeTabs from "mdsvex-remark-code-extras";
export default {
remarkPlugins: [
[
codeTabs,
{
components: {
Tab: "$lib/Tab.svelte",
Tabs: "$lib/Tabs.svelte",
},
},
],
],
};
example:
\`\`\`js tabs=test
// js Code
\`\`\`
\`\`\`ts tabs=test
// ts Code
\`\`\`
turns into svelte code
<script>
import Tabs from "$lib/Tabs.svelte";
import Tab from "$lib/Tab.svelte";
</script>
<Tabs single={false} defaultValue="js">
<Tab value="js">[...code]</Tab>
<Tab value="ts">[...code]</Tab>
</Tabs>