import babel from '@rollup/plugin-babel';
import vue from '@vitejs/plugin-vue'
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'

// https://vitejs.dev/config/
export default defineConfig({
    base: process.env.NODE_ENV === 'production'
        ? '/greenstone3/interfaces/atea/ocr/dist/'
        : '/',
    plugins: [
        vue()
    ],
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url))
        }
    },
    build: {
        rollupOptions: {
            output: {
                entryFileNames: "[name].js"
            },
            plugins: [babel({ babelHelpers: "bundled" })]
        }
    },
    css: {
        preprocessorOptions: {
            scss: {
                additionalData: "@use \"@/styles/_material.scss\";@use \"@/styles/theme.scss\";"
            }
        }
      }
})