vite.config.js

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import eslintPlugin from 'vite-plugin-eslint';
import { fileURLToPath, URL } from 'node:url';
import liveReload from 'vite-plugin-live-reload';
import pluginPurgeCss from '@mojojoejo/vite-plugin-purgecss';

// https://vitejs.dev/config/
export default defineConfig({
  base: '/drmeme/',
  plugins: [
    vue({
      template: {
        compilerOptions: {
          isCustomElement: (tag) => {
            return tag.startsWith('swiper');
          },
        },
      },
    }),
    eslintPlugin({
      include: ['src/**/*.js', 'src/**/*.vue', 'src/*.js', 'src/*.vue'],
    }),
    liveReload([
      'src/*.vue',
      'src/views/*.vue',
      'src/views/admin/*.vue',
      'src/views/front/*.vue',
    ]),
    pluginPurgeCss({
      variables: true,
    }),
  ],

  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
      vue: 'vue/dist/vue.esm-bundler.js',
    },
  },

  define: {
    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: true,
  },
});