Codeblock Components with Shiki in SvelteKit

Check out the source code on GitHub

<!-- index.html -->

<html>
    <body>
        <h1>Hi there</h1>
    </body>
</html>
// script.js

for (let i = 0; i < 10; i++) {
    console.log(i);
}
/* style.css */

.section {
    padding-block: 1rem;
    color: #222;
}
<!-- Counter.svelte -->

<script lang="ts">
    let count = 0;
    setInterval(() => {
        count++;
    }, 1000);
</script>

<p>{count}</p>