import {resolve} from 'path'
import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'

const projectName = 'settingsPage'

// https://vitejs.dev/config/
export default defineConfig({
    define: {
        'process.env': {},
    },
    plugins: [vue()],
    publicDir: false,
    server: {
        hmr: false,
    },
    build: {
        lib: {
            name: projectName,
            formats: ['iife'],
            entry: resolve(__dirname, 'src/main.ts'),
            fileName: projectName,
        },
        rollupOptions: {
            output: {
                assetFileNames: (assetInfo) => {
                    if (assetInfo.name === 'style.css') return `${projectName}.css`;
                    return assetInfo.name;
                },
            },
        },
    },
    resolve: {
        alias: {
            '@': resolve(__dirname, './src'),
        },
    },
})