import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import svgPlugin from "unplugin-svg-vue-component/vite";
import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
export default defineConfig({
 build: {
 // generate manifest.json in outDir
 manifest: "manifest.json",
 rollupOptions: {
 input: [
 "src/admin.ts",
 "src/coupon-amount-selector.ts",
 "src/editor.ts",
 "src/main.ts",
 "src/photo-manager.ts",
 "src/pickup-map.ts",
 "src/product-variant-selector.ts",
 ],
 },
 },
 plugins: [
 vue(),
 svgPlugin({ optimize: true }),
 // See: https://github.com/vuejs/core/issues/9347
 cssInjectedByJsPlugin({
 cssAssetsFilterFunction: (outputAsset) => {
 return (
 // Keep public.css as a regular css file. This ensure that it is
 // loaded even on older browsers or clients with no JS capability.
 !outputAsset.fileName.startsWith("assets/main-") &&
 // Also keep admin.scss separate, otherwise it somehow ends up
 // getting injected into non-admin scripts.
 !outputAsset.fileName.startsWith("assets/admin-")
 );
 },
 jsAssetsFilterFunction: (outputChunk) => {
 return outputChunk.isEntry;
 }
 }),
 ],
 // Enable devtools. See: https://github.com/vuejs/devtools/issues/1330#issuecomment-1337294343
 define: {
 __VUE_PROD_DEVTOOLS__: true,
 },
});