import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import { type UserConfig } from 'vite';

import { generateModifyVars } from '../utils/modifyVars';

const commonConfig: UserConfig = {
  server: {
    host: true,
  },
  build: {
    reportCompressedSize: false,
    chunkSizeWarningLimit: 1500,
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "@eciol/design/shared";`,
      },
      less: {
        modifyVars: generateModifyVars(),
        javascriptEnabled: true,
      },
    },
    preprocessorMaxWorkers: true,
  },
  plugins: [vue(), vueJsx()],
};

export { commonConfig };