svelte.config.js

import adapter from "@sveltejs/adapter-static";
import { mdsvex } from "mdsvex";
import rehypeAutolinkHeadings from "rehype-autolink-headings";
import rehypeSlug from "rehype-slug";

/** @type {import('@sveltejs/kit').Config} */
const config = {
	// Ensures both .svelte and .md files are treated as components (can be imported and used anywhere, or used as pages)
	extensions: [".svelte", ".md"],

	kit: {
		adapter: adapter(),
		prerender: {
			entries: [
				"*",
				"/api/posts/page/*",
				"/blog/category/*/page/",
				"/blog/category/*/page/*",
				"/blog/category/page/",
				"/blog/category/page/*",
				"/blog/page/",
				"/blog/page/*",
			],
		},
	},

	preprocess: [
		mdsvex({
			// The default mdsvex extension is .svx; this overrides that.
			extensions: [".md"],

			// Adds IDs to headings, and anchor links to those IDs. Note: must stay in this order to work.
			rehypePlugins: [
				rehypeSlug,
				rehypeAutolinkHeadings,
			],
		}),
	],
};

export default config;