2025-02-21

vite.config.mts

@@ -1,3 +1,4 @@
+import unheadVite from "@unhead/addons/vite";
 import vue from "@vitejs/plugin-vue";
 import { defineConfig } from "vite";
 import vueDevTools from "vite-plugin-vue-devtools";
@@ -8,33 +9,37 @@ export default defineConfig({
     emptyOutDir: true,
     outDir: "dist",
     reportCompressedSize: true,
-    rollupOptions: {
-      output: {
-        compact: true,
-        format: "esm",
-        validate: true,
-      },
-    },
+    rollupOptions: { output: { compact: true, format: "esm", validate: true } },
     sourcemap: false,
   },
   cacheDir: ".cache/vite",
   clearScreen: false,
-  css: {
-    transformer: "lightningcss",
-  },
-  optimizeDeps: {
-    exclude: ["sqlocal"],
-  },
+  css: { transformer: "lightningcss" },
+  optimizeDeps: { exclude: ["sqlocal"] },
   plugins: [
     vue(),
-    vueDevTools(),
+    // vueDevTools(),
+    {
+      configureServer: server => {
+        server.middlewares.use((_req, res, next) => {
+          res.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
+          res.setHeader("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT");
+          res.setHeader("Access-Control-Allow-Origin", "http://localhost:4321");
+          res.setHeader("Access-Control-Allow-Credentials", "true");
+          res.setHeader("Cross-Origin-Embedder-Policy", "require-corp");
+          res.setHeader("Cross-Origin-Opener-Policy", "same-origin");
+          res.setHeader("Cross-Origin-Resource-Policy", "cross-origin");
+          next();
+        });
+      },
+      name: "configure-response-headers",
+    },
+    unheadVite(),
   ],
   resolve: {
     alias: {
       "@": Bun.fileURLToPath(new URL("./src", import.meta.url)),
     },
   },
-  worker: {
-    format: "es",
-  },
+  worker: { format: "es" },
 });