vite.config.js

import path from 'path';
import { defineConfig } from 'vite';
import Vue from '@vitejs/plugin-vue';
import Legacy from '@vitejs/plugin-legacy';
import Yaml from '@rollup/plugin-yaml';
import WindiCSS from 'vite-plugin-windicss';
import Components from 'vite-plugin-components';
import ViteIcons, { ViteIconsResolver } from 'vite-plugin-icons';

import Overview from './src/data/overview';
import States from './src/data/states';
import Categories from './src/data/categories';
import RankingMap from './src/data/map';

export default defineConfig({
  resolve: {
    alias: {
      '~/': `${path.resolve(__dirname, 'src')}/`
    }
  },
  plugins: [
    Vue({
      include: [/\.vue$/, /\.md$/]
    }),
    Legacy({ targets: ['defaults', 'IE 11'] }),
    Components({
      customComponentResolvers: ViteIconsResolver(),
      extensions: ['vue', 'js']
    }),
    ViteIcons(),

    Yaml(),
    WindiCSS(),

    Overview(),
    States(),
    Categories(),
    RankingMap()
  ],
  // https://github.com/antfu/vite-ssg
  ssgOptions: {
    script: 'async',
    formatting: 'minify',
    entry: './src/main.js'
  },

  optimizeDeps: {
    include: ['vue', 'vue-router']
  }
});