vite.config.js

import { resolve } from 'path';
import { defineConfig } from 'vite';
import createVuePlugin from '@vitejs/plugin-vue';
import { execSync } from 'child_process';

function getCypressHtmlFiles() {
  const cypressFolder = resolve(__dirname, 'cy');
  const strings = execSync(`find ${cypressFolder} -name '*.html'`).toString().split('\n');
  // remove empty string
  strings.pop();
  return strings;
}

const cypressHtmlFiles = getCypressHtmlFiles();
console.log(cypressHtmlFiles);
export default defineConfig({
  build: {
    rollupOptions: {
      input: ['index.html', 'embed.html', ...cypressHtmlFiles],
    },
  },
  resolve: {
    alias: {
      vue: '@vue/compat',
    },
  },
  plugins: [
    createVuePlugin({
      template: {
        compilerOptions: {
          compatConfig: {
            MODE: 2,
          },
        },
      },
    }),
  ],
  test: {
    environment: 'jsdom',
    globals: true,
    deps: {
      inline: [''],
    },
  },
});