vite.config.ts

import { fileURLToPath, URL } from "url";
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import vueJsx from "@vitejs/plugin-vue-jsx";
import postcss from "./postcss.config.js";
import dts from 'vite-plugin-dts'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(), 
    vueJsx(),
    dts({
      tsconfigPath: 'tsconfig.build.json',
      cleanVueFileName: true,
    }),
  ],
  css: {
    postcss,
  },
  build: {
    lib: {
      name: "atmosphere-ui",
      fileName: 'index',
      entry: fileURLToPath(new URL("src/index.ts", import.meta.url)),
    },
    rollupOptions: {
      external: ["vue", "@vueuse/core"],
      output: {
        globals: {
          vue: "Vue",
        },
      },
    },
  },
  resolve: {
    alias: {
      "~/": fileURLToPath(new URL("./src", import.meta.url)),
      "~atoms": fileURLToPath(
        new URL("./src/components/atoms", import.meta.url)
      ),
      "~molecules": fileURLToPath(
        new URL("./src/components/molecules", import.meta.url)
      ),
      "~organisms": fileURLToPath(
        new URL("./src/components/organisms", import.meta.url)
      ),
      "~templates": fileURLToPath(
        new URL("./src/components/templates", import.meta.url)
      ),
      "~utils": fileURLToPath(new URL("./src/utils", import.meta.url)),
    },
  },
  test: {
    include: ["src/**/*.spec.*"],
    environment: "jsdom",
    globals: true,
  },
});