vite.config.js

import vue from '@vitejs/plugin-vue';
import { fileURLToPath, URL } from 'url';
import { defineConfig } from 'vite';
import vueDevTools from 'vite-plugin-vue-devtools';

export default defineConfig(({ mode }) => {
	return {
		plugins: [vue(), vueDevTools()],
		server: {
			port: 8080,
			proxy: {
				'^/devapi': {
					target: 'http://localhost:3000',
					changeOrigin: true,
					rewrite: (path) => path.replace(/^\/devapi/, ''),
				},
				'/vatusa': {
					target: 'https://api.vatusa.net/v2',
					changeOrigin: true,
					rewrite: (path) => path.replace(/^\/vatusa/, '/'),
				},
			},
		},
		resolve: {
			alias: [
				{
					find: '@',
					replacement: fileURLToPath(new URL('./src', import.meta.url)),
				},
			],
		},
		css: {
			preprocessorOptions: {
				scss: {
					additionalData: `@use "@/assets/css/styles" as *;`,
					silenceDeprecations: ['import', 'slash-div', 'color-functions', 'global-builtin'],
				},
			},
		},
		define:
			mode === 'development'
				? {
						'window.env.VITE_FOLDER_PREFIX': JSON.stringify(process.env.VITE_FOLDER_PREFIX),
						'window.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
					}
				: {},
	};
});