vite.config.js

import { svelte } from "@sveltejs/vite-plugin-svelte";
import routify from "@roxi/routify/vite-plugin";
import { defineConfig } from "vite";
import { mdsvex } from "mdsvex";
import postcss from "postcss";
import mdsvexConfig from "./mdsvex.config";

const production = process.env.NODE_ENV === "production";

export default defineConfig({
  clearScreen: false,

  plugins: [
    routify({
      render: {
        ssg: true,
      },
    }),
    svelte({
      compilerOptions: {
        dev: !production,
        hydratable: !!process.env.ROUTIFY_SSR_ENABLE,
      },
      extensions: [".md", ".svelte", ".svx"],
      preprocess: [mdsvex(mdsvexConfig)],
    }),
  ],
  css: { postcss },

  server: {
    port: 5000,
    host: true,
  },
  resolve: {
    alias: {
      $lib: "/src/lib",
      $assets: "/src/lib/assets",
      $data: "/src/lib/data",
      $layout: "/src/lib/layout",
      $store: "/src/lib/store",
      $helpers: "/src/lib/helpers",
    },
  },
});