vite.config.ts

/// <reference types="vitest" />
import { vitePlugin as remix } from '@remix-run/dev';
import tailwindcss from '@tailwindcss/vite';
import { installGlobals } from '@remix-run/node';
import { defineConfig } from 'vitest/config';
import tsconfigPaths from 'vite-tsconfig-paths';
import * as path from 'path';

installGlobals();

export default defineConfig({
  plugins: [
    tailwindcss(),

    // add Remix future-flags
    remix({
      future: {
        v3_singleFetch: true,
        v3_fetcherPersist: true,
        v3_throwAbortReason: true,
        v3_relativeSplatPath: true,
        v3_lazyRouteDiscovery: true,
      },
    }),
    tsconfigPaths(),
  ],
  test: {
    include: ['app/**/*.test.{js,ts,jsx,tsx}'],
    exclude: ['tests/**/*'],
    coverage: {
      provider: 'v8',
      include: ['app/**/*.{js,ts,jsx,tsx}'],
    },
  },
  resolve: {
    alias: {
      // same `paths` as tsconfig.json
      '~': path.resolve('./app'),
    },
  },
});