vite.config.ts

import { resolve } from 'node:path';
import { defineConfig } from 'vite';
import Vue from '@vitejs/plugin-vue';

export default defineConfig({
	// If our .vue files have a style, it will be compiled as a single `.css` file under /dist.
	plugins: [Vue()],

	build: {
		// Output compiled files to /dist.
		outDir: './dist',
		lib: {
			// Set the entry point (file that contains our components exported).
			entry: resolve(__dirname, 'src/index.ts'),
			// Name of the library.
			name: 'authorizer-vue',
			// We are building for CJS and ESM, use a function to rename automatically files.
			// Example: my-component-library.esm.js
			fileName: (format) => `${'@authorizerdev/authorizer-vue'}.${format}.js`
		},
		rollupOptions: {
			// Vue is provided by the parent project, don't compile Vue source-code inside our library.
			external: ['vue', '@authorizerdev/authorizer-js'],
			output: {
				globals: {
					vue: 'Vue',
					'@authorizerdev/authorizer-js': 'authorizer-js'
				}
			},
			watch: {
				include: './src/**',
				clearScreen: false
			}
		}
	}
});