Better code blocks

svelte.config.js

@@ -1,8 +1,9 @@
 import adapter from '@sveltejs/adapter-node'
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+import {vitePreprocess} from '@sveltejs/vite-plugin-svelte'
 import {mdsvex} from "mdsvex"
 import remarkTypograf from "@mavrin/remark-typograf"
 import externalLinks from "./rehype/external-links.js"
+import {shikiHighlighter} from "./shikiHighlighter.js"
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -10,11 +11,14 @@ const config = {
 	preprocess: [
 		vitePreprocess(),
 		mdsvex({
+			highlight: {
+				highlighter: shikiHighlighter
+			},
 			remarkPlugins: [
 				remarkTypograf,
 			],
 			rehypePlugins: [
-				externalLinks
+				externalLinks,
 			]
 		})
 	],