vite.config.ts

/// <reference types="vitest" />
import { defineConfig } from 'vite'
import Vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import AutoImport from 'unplugin-auto-import/vite'
import DeployInfo from 'unplugin-deploy-info/vite'
import UnoCss from 'unocss/vite'
import VueRouter from 'unplugin-vue-router/vite'
import Inspector from 'vite-inspector'
import Alias from 'vite-plugin-alias'
import PKG from 'vite-plugin-package-configs'
import AutoEnv from 'vite-plugin-auto-env'
import Chai from 'vite-plugin-chai'
import Classify from 'vite-plugin-classify'
import TerminalLog from 'vite-plugin-terminal-log'
import { VueRouterAutoImports } from 'unplugin-vue-router'
import { unheadVueComposablesImports } from '@unhead/vue'
import DevTools from 'vite-plugin-vue-devtools'

export default defineConfig({
  plugins: [
    // https://github.com/vuejs/devtools-next
    DevTools(),
    // https://github.com/vite-inspector/vite-inspector
    Inspector({
      framework: 'vue',
    }),
    // https://github.com/posva/unplugin-vue-router
    VueRouter(),

    // https://github.com/elonehoo/vite-plugin-terminal-log
    TerminalLog(),

    // https://github.com/vitejs/vite-plugin-vue
    Vue(),

    // https://github.com/elonehoo/unplugin-auto-import-api
    AutoImport({
      imports: [
        'vue',
        '@vueuse/core',
        'vitest',
        unheadVueComposablesImports,
        VueRouterAutoImports,
      ],
      dts: true,
      dirs: [
        './src/composables',
      ],
      vueTemplate: true,
    }),

    // https://github.com/antfu/vite-plugin-components
    Components({
      dts: true,
    }),

    // https://github.com/antfu/unocss
    // see unocss.config.ts for config
    UnoCss(),

    // https://github.com/elonehoo/vite-plugin-alias
    Alias({
      useConfig: true,
      useTypescript: true,
    }),

    // https://github.com/elonehoo/vite-plugin-package-configs
    PKG(),

    // https://github.com/wip-elonehoo/vite-plugin-chai
    Chai(),

    // https://github.com/wip-elonehoo/vite-plugin-auto-env
    AutoEnv(),

    // https://github.com/wip-elonehoo/vite-plugin-classify
    Classify(),

    // https://github.com/elonehoo/unplugin-deploy-info
    DeployInfo({
      info: [
        {
          name: 'Vue Docs',
          message: 'https://vuejs.org',
        },
        {
          name: 'Vite Docs',
          message: 'https://vitejs.dev',
        },
        {
          name: 'pinia Docs',
          message: 'https://pinia.vuejs.org',
        },
        {
          name: 'Router Docs',
          message: 'https://router.vuejs.org',
        },
        {
          name: 'VueUse Docs',
          message: 'https://vueuse.org',
        },
        {
          name: 'Unocss Docs',
          message: 'https://unocss.dev/interactive',
        },
        {
          name: 'Vitest Docs',
          message: 'https://vitest.dev',
        },
      ],
    }),
  ],
})