svelte.config.js

import adapter from '@sveltejs/adapter-static';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
import { escapeSvelte, mdsvex } from 'mdsvex';
import { createHighlighter } from 'shiki';

const dev = process.env.NODE_ENV === 'development';

const theme = 'github-dark';
const highlighter = await createHighlighter({
	themes: [theme],
	langs: ['shell']
});

/** @type {import('@sveltejs/kit').Config} */
const config = {
	preprocess: {
		...vitePreprocess(),
		...mdsvex({
			rehypePlugins: [],
			remarkPlugins: [],
			smartypants: true,
			highlight: {
				highlighter: async (code, lang = 'text') => {
					const html = escapeSvelte(highlighter.codeToHtml(code, { lang, theme }));
					return `{@html \`${html}\` }`;
				}
			},
			extension: '.svx'
		})
	},
	extensions: ['.svelte', '.svx', '.md'],

	kit: {
		adapter: adapter({
			pages: 'build',
			assets: 'build',
			fallback: 'index.html',
			precompress: false,
			strict: true
		}),
		paths: {
			relative: true
		},
		prerender: {
			handleHttpError: 'warn',
			entries: ['*']
		}
	}
};

export default config;