n8n/packages/design-system/vite.config.ts

import { createVuePlugin } from 'vite-plugin-vue2';
import { resolve } from 'path';

export default {
	plugins: [
		createVuePlugin(),
	],
	resolve: {
		alias: {
			'@': resolve(__dirname, 'src'),
			'vue2-boring-avatars': resolve(__dirname, '..', '..', 'node_modules', 'vue2-boring-avatars', 'dist', 'vue-2-boring-avatars.umd.js'),
			// 'vue2-boring-avatars': 'vue2-boring-avatars/dist/vue-2-boring-avatars.umd.js',
		},
	},
	build: {
		lib: {
			entry: resolve(__dirname, 'src', 'main.js'),
			name: 'N8nDesignSystem',
			fileName: (format) => `n8n-design-system.${format}.js`,
		},
		rollupOptions: {
			// make sure to externalize deps that shouldn't be bundled
			// into your library
			external: ['vue'],
			output: {
				exports: 'named',
				// Provide global variables to use in the UMD build
				// for externalized deps
				globals: {
					vue: 'Vue',
				},
			},
		},
	},
	test: {
		globals: true,
		environment: 'jsdom',
		setupFiles: [
			'./src/__tests__/setup.ts',
		],
	},
};