vite.config.mts

import { resolve } from 'path'
import vue from '@vitejs/plugin-vue'
import { defineConfig } from 'vite'
import VueDevTools from 'vite-plugin-vue-devtools'
import svgLoader from 'vite-svg-loader'

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  const baseConfig = {
    resolve: {
      alias: [
        {
          find: '@/demo',
          replacement: resolve(__dirname, './demo'),
        },
        {
          find: '@',
          replacement: resolve(__dirname, './src'),
        },
      ],
    },
    plugins: [vue(), svgLoader(), VueDevTools()],
  }

  if (mode == 'demo') {
    return {
      root: './demo',
      ...baseConfig,
      build: {
        cssCodeSplit: false,
      },
    }
  }

  return {
    ...baseConfig,
    build: {
      copyPublicDir: true,
      lib: {
        entry: resolve(__dirname, 'src/index.ts'),
        name: 'PrefectDesign',
      },
      rollupOptions: {
      // ensures vue isn't added to the bundle
        external: ['vue', 'vue-router', 'vue-compositions'],
        output: {
          exports: 'named',
          // Provide vue as a global variable to use in the UMD build
          globals: {
            vue: 'Vue',
          },
        },
      },
    },
  }

})