1  import 'dotenv/config';
 2  
 3  import adapter from '@sveltejs/adapter-netlify';
 4  import { vitePreprocess } from '@sveltejs/kit/vite';
 5  import { mdsvex } from 'mdsvex';
 6  import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 7  import rehypeSlug from 'rehype-slug';
 8  import rehypeLinks from 'rehype-external-links';
 9  import rehypeImageSize from 'rehype-img-size';
10  
11  /** @type {import('@sveltejs/kit').Config} */
12  const config = {
13    // Ensures both .svelte and .md files are treated as components (can be imported and used anywhere, or used as pages)
14    extensions: ['.svelte', '.md'],
15  
16    // Consult https://github.com/sveltejs/svelte-preprocess
17    // for more information about preprocessors
18    preprocess: [
19      vitePreprocess({
20        postcss: true,
21      }),
22      mdsvex({
23        // The default mdsvex extension is .svx; this overrides that.
24        extensions: ['.md'],
25        layout: '/src/lib/components/blog/article-layout/article-layout.svelte',
26        rehypePlugins: [
27          rehypeSlug,
28          rehypeAutolinkHeadings,
29          [rehypeLinks, { target: '_blank' }],
30          [rehypeImageSize, { dir: 'static' }],
31        ],
32      }),
33    ],
34  
35    kit: {
36      adapter: adapter(),
37      prerender: {
38        origin: process.env.DEPLOY_URL,
39      },
40    },
41  };
42  
43  export default config;