vite.config.ts

import path from 'path'
import { defineConfig } from 'vite'
import Vue from '@vitejs/plugin-vue'
import eslintPlugin from 'vite-plugin-eslint'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import VueI18n from '@intlify/vite-plugin-vue-i18n'

// https://vitejs.dev/config/
export default defineConfig({
    resolve: {
        alias: {
            '@/': `${path.resolve(__dirname, 'src')}/`,
        },
    },
    plugins: [
        Vue({ include: [/\.vue$/, /\.md$/] }),

        eslintPlugin(),

        AutoImport({
            imports: ['vue', 'vue-router', 'vue-i18n', '@vueuse/core'],
            dts: 'src/auto-imports.d.ts',
        }),

        Components({
            extensions: ['vue'],
            include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
            dts: 'src/components.d.ts',
        }),

        // https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n
        VueI18n({
            runtimeOnly: true,
            compositionOnly: true,
            include: [path.resolve(__dirname, 'locales/**')],
        }),
    ],

    server: {
        fs: {
            strict: true,
        },
    },

    optimizeDeps: {
        include: ['vue', 'vue-router', '@vueuse/core'],
        exclude: ['vue-demi'],
    },
})