From 59fce9171433fc0b5b06b7d1f9f89f5d77043b4c Mon Sep 17 00:00:00 2001
From: Johannes <johannes@bcos.cloud>
Date: Mon, 29 Jun 2026 15:46:30 -0400
Subject: [PATCH] fix(frontend): add type=module and svelte-preprocess to fix
 ESM build

---
 frontend/package.json   |  2 ++
 frontend/vite.config.ts | 13 +++++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 40e96ab..d41e449 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -2,6 +2,7 @@
   "name": "hiveops-guide-frontend",
   "version": "1.0.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -13,6 +14,7 @@
     "@tsconfig/svelte": "^5.0.0",
     "svelte": "^4.0.0",
     "svelte-check": "^3.0.0",
+    "svelte-preprocess": "^5.0.0",
     "typescript": "^5.0.0",
     "vite": "^5.0.0"
   },
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index f72ac01..4480f3a 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,8 +1,13 @@
-import { defineConfig } from 'vite';
-import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import sveltePreprocess from 'svelte-preprocess'
 
 export default defineConfig({
-  plugins: [svelte()],
+  plugins: [
+    svelte({
+      preprocess: sveltePreprocess({ typescript: true })
+    })
+  ],
   server: { port: 5188 },
   preview: { port: 5188 },
-});
+})