vite.config.ts

import Aerogel, { AerogelResolver } from '@aerogel/vite';
import Components from 'unplugin-vue-components/vite';
import I18n from '@intlify/unplugin-vue-i18n/vite';
import Icons from 'unplugin-icons/vite';
import IconsResolver from 'unplugin-icons/resolver';
import { defineConfig } from 'vitest/config';
import { FileSystemIconLoader } from 'unplugin-icons/loaders';
import { resolve } from 'path';

export default defineConfig({
    publicDir: resolve(__dirname, './src/assets/public/'),
    plugins: [
        Aerogel({
            name: 'Ramen',
            description: 'Can you make Ramen? Let\'s find out!',
            baseUrl: 'https://ramen.noeldemartin.com',
            themeColor: '#da532c',
            icons: {
                '192x192': 'android-chrome-192x192.png',
                '512x512': 'android-chrome-512x512.png',
            },
        }),
        Components({
            dts: false,
            resolvers: [AerogelResolver(), IconsResolver({ customCollections: ['app'] })],
            dirs: ['src/components'],
        }),
        I18n({ include: resolve(__dirname, './src/lang/**/*.yaml') }),
        Icons({
            iconCustomizer(_, __, props) {
                props['aria-hidden'] = 'true';
            },
            customCollections: {
                app: FileSystemIconLoader('./src/assets/icons'),
            },
        }),
    ],
    resolve: {
        alias: {
            '@': resolve(__dirname, './src'),
        },
    },
    test: {
        environment: 'jsdom',
    },
});