-
Notifications
You must be signed in to change notification settings - Fork 0
/
svelte.config.js
executable file
·53 lines (49 loc) · 1.58 KB
/
svelte.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import preprocess from "svelte-preprocess";
import adapter from "@sveltejs/adapter-auto";
import remarkUnwrapImages from 'remark-unwrap-images'
import remarkToc from 'remark-toc'
import remarkMath from "remark-math";
import rehypeSlug from 'rehype-slug'
import rehypeFigure from 'rehype-figure'
import relativeImages from 'mdsvex-relative-images'
import addClasses from "rehype-add-classes"
import rehypeKatexSvelte from "rehype-katex-svelte";
import { vitePreprocess } from "@sveltejs/kit/vite";
import { mdsvex } from 'mdsvex';
/** @type {import('mdsvex').MdsvexOptions} */
const mdsvexOptions = {
extensions: ['.md'],
remarkPlugins: [
remarkMath,
remarkUnwrapImages,
[remarkToc, { tight: true }],
relativeImages
],
// Render katex components inside @html blocks, aka {@html "<katex output html>"}
rehypePlugins: [
rehypeKatexSvelte,
rehypeSlug,
rehypeFigure,
[addClasses, {"ul, ol": "list-style"}]
],
}
/** @type {import('@sveltejs/kit').Config} */
const config = {
extensions: [".svelte", ...mdsvexOptions.extensions],
preprocess: [
vitePreprocess(),
mdsvex(mdsvexOptions),
preprocess({
scss: {
prependData: '@use "src/variables.scss" as *;',
},
})
],
kit: {
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
adapter: adapter(),
},
};
export default config;