Simplify code highlighting configuration

metaboulie · Dec 27, 2024 · 48d499a · 48d499a
1 parent 4c10d56
commit 48d499a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -27,7 +27,6 @@
 		"prettier": "^3.3.2",
 		"prettier-plugin-svelte": "^3.2.6",
 		"prettier-plugin-tailwindcss": "^0.6.5",
-		"shiki": "^0.14.7",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
 		"tailwindcss": "^3.4.9",

diff --git a/svelte.config.js b/svelte.config.js
@@ -1,11 +1,6 @@
 import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 import { mdsvex } from 'mdsvex';
-import { getHighlighter } from 'shiki';
-
-const shikiHighlighter = await getHighlighter({
-	theme: 'nord'
-});
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -16,8 +11,9 @@ const config = {
 		mdsvex({
 			extensions: ['.md', '.svx'],
 			highlight: {
-				highlighter(code, lang) {
-					return shikiHighlighter.codeToHtml(code, { lang });
+				highlighter(code, lang = 'text') {
+					const html = `<pre class="language-${lang}"><code>${code}</code></pre>`;
+					return html;
 				}
 			}
 		})