svelte.config.js

import adapter from "@sveltejs/adapter-auto"
import { vitePreprocess } from "@sveltejs/kit/vite"
import preprocess from "svelte-preprocess"
import { resolve } from "path"
import { mdsvex } from "mdsvex"
import mdsvexConfig from "./mdsvex.config.js"

/** @type {import('@sveltejs/kit').Config} */
const config = {
  extensions: [".svelte", ...mdsvexConfig.extensions],
  preprocess: [
    vitePreprocess(),
    preprocess({
      postcss: true,
    }),
    mdsvex(mdsvexConfig),
  ],
  kit: {
    adapter: adapter(),
    alias: {
      $components: resolve("./src/lib/components"),
      $stores: resolve("./src/lib/stores"),
      $styles: resolve("./src/lib/styles"),
      $utils: resolve("./src/lib/utils"),
      $src: resolve("./src"),
    },
  },
  vitePlugin: {
    experimental: {
      inspector: {
        holdMode: true,
        toggleKeyCombo: "meta-shift",
      },
    },
  },
}

export default config