vite.config.ts

import DTS from 'vite-plugin-dts';
import VueJSX from '@vitejs/plugin-vue-jsx';
import { defineConfig } from 'vite';
import path from 'path';

const root = process.cwd();
const mode = process.env.MODE as 'production' | 'demo';

const productionConfig = defineConfig({
  root,
  plugins: [
    VueJSX(),
    DTS({
      outputDir: 'dist/types',
    }),
  ],
  build: {
    target: 'es2020',
    lib: {
      entry: path.resolve(root, 'src', 'lib.ts'),
      name: 'wowerlay',
      formats: ['es', 'umd'],
    },
    rollupOptions: {
      external: ['vue'],
      output: {
        globals: {
          vue: 'Vue',
        },
      },
    },
  },
});

const demoConfig = defineConfig({
  root: path.join(root, 'demo'),
  plugins: [VueJSX()],
  build: {
    emptyOutDir: true,
    outDir: path.join(root, 'dist-demo'),
  },
  optimizeDeps: {
    include: ['highlight.js', 'bottom-sheet-vue3'],
  },
});

export default mode === 'demo' ? demoConfig : productionConfig;