vite.config.ts

import { vitePlugin as remix } from '@remix-run/dev';
import { defineConfig } from 'vite';
import tsconfigPaths from 'vite-tsconfig-paths';
import mdx from '@mdx-js/rollup';
import remarkFrontmatter from 'remark-frontmatter';
import remarkMdxFrontmatter from 'remark-mdx-frontmatter';
import remarkGfm from 'remark-gfm';
import wasmModuleWorkers from 'vite-plugin-wasm-module-workers';

export default defineConfig({
  plugins: [
    wasmModuleWorkers(),
    mdx({
      remarkPlugins: [
        remarkFrontmatter,
        remarkMdxFrontmatter,
        remarkGfm,
      ],
    }),
    remix({
      future: {
        v3_fetcherPersist: true,
        v3_relativeSplatPath: true,
        v3_throwAbortReason: true,
      },
      routes(defineRoutes) {
        return defineRoutes((route) => {
          route('/about', 'routes/about/about.tsx');
          route('/blog', 'routes/blog/blog.tsx');
          route('/blog/:id', 'routes/blog/blogPost.tsx');
          route('/contributors', 'routes/contributors/contributors.tsx');
          route('/downloads', 'routes/downloads/downloads.tsx');
          route('/downloads/:id', 'routes/downloads/downloadsGrid.tsx');
          route('/downloads/:id/:subid', 'routes/downloads/downloadSingle.tsx');
          route('/downloads/shoko-server', 'routes/downloads/downloadSingle.tsx', { id: 'shoko-server' });
          route('*', 'routes/404.tsx', { id: '404' });
        });
      },
    }),
    tsconfigPaths(),
  ],
});