perf(vite): import monaco worker as url

Author: xrgzs

src/components/MonacoEditor.tsx

@@ -3,27 +3,31 @@ import { createEffect, onCleanup, onMount, splitProps } from "solid-js"
 import * as monaco from "monaco-editor"
 
 // Configure worker for Monaco Editor
-import editorWorker from "monaco-editor/esm/vs/editor/editor.worker?worker"
-import jsonWorker from "monaco-editor/esm/vs/language/json/json.worker?worker"
-import cssWorker from "monaco-editor/esm/vs/language/css/css.worker?worker"
-import htmlWorker from "monaco-editor/esm/vs/language/html/html.worker?worker"
-import tsWorker from "monaco-editor/esm/vs/language/typescript/ts.worker?worker"
+import editorWorker from "monaco-editor/esm/vs/editor/editor.worker?url"
+import jsonWorker from "monaco-editor/esm/vs/language/json/json.worker?url"
+import cssWorker from "monaco-editor/esm/vs/language/css/css.worker?url"
+import htmlWorker from "monaco-editor/esm/vs/language/html/html.worker?url"
+import tsWorker from "monaco-editor/esm/vs/language/typescript/ts.worker?url"
 
 self.MonacoEnvironment = {
-  getWorker(_, label) {
-    if (label === "json") {
-      return new jsonWorker()
+  getWorker: function (_, label) {
+    switch (label) {
+      case "json":
+        return new Worker(jsonWorker, { type: "module" })
+      case "css":
+      case "scss":
+      case "less":
+        return new Worker(cssWorker, { type: "module" })
+      case "html":
+      case "handlebars":
+      case "razor":
+        return new Worker(htmlWorker, { type: "module" })
+      case "typescript":
+      case "javascript":
+        return new Worker(tsWorker, { type: "module" })
+      default:
+        return new Worker(editorWorker, { type: "module" })
     }
-    if (label === "css" || label === "scss" || label === "less") {
-      return new cssWorker()
-    }
-    if (label === "html" || label === "handlebars" || label === "razor") {
-      return new htmlWorker()
-    }
-    if (label === "typescript" || label === "javascript") {
-      return new tsWorker()
-    }
-    return new editorWorker()
   },
 }
 export interface MonacoEditorProps