fix not work on prod

Author: tachibana-shin

package.json

@@ -90,7 +90,8 @@
     "vue-console-feed": "^0.0.28",
     "vue-re-resizable": "6.9.19-beta.5",
     "vue-request": "2.0.0-rc.4",
-    "vue-router": "^4.0.0"
+    "vue-router": "^4.0.0",
+    "path": "npm:path-cross"
   },
   "devDependencies": {
     "@babel/runtime": "^7.21.0",

quasar.config.js

@@ -71,7 +71,10 @@ module.exports = configure(function (/* ctx */) {
           process.env.GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN,
         ...require("dotenv").config().parsed,
       },
-      // rawDefine: {},
+      rawDefine: {
+        "process.platform": null,
+        "process.version": JSON.stringify(process.version),
+      },
       // ignorePublicFolder: true,
       // minify: false,
       // polyfillModulePreload: true,

src/assets/material-icon-theme/dist/getIcon.ts

@@ -10,11 +10,15 @@ export interface Options {
   readonly language?: keyof (typeof MaterialIcons)["languageIds"]
 }
 
-function getIconById(id: keyof typeof MaterialIcons.iconDefinitions): string {
-  return (
-    "/src/assets/material-icon-theme/" +
-    MaterialIcons.iconDefinitions[id].iconPath
-  )
+const icons = import.meta.glob("../icons/*.svg", { as: "url" })
+
+async function getIconById(
+  id: keyof typeof MaterialIcons.iconDefinitions
+): Promise<string> {
+  return icons["../" + MaterialIcons.iconDefinitions[id].iconPath]().then(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (res) => (res as any).default
+  ) as Promise<string>
 }
 
 function getIconDefinitions({
@@ -108,7 +112,7 @@ function getIconDefinitions({
   }
 }
 
-export default function getIcon(options: Options): string {
+export default function getIcon(options: Options): Promise<string> {
   const icon = getIconDefinitions(options)
 
   if (icon in MaterialIcons.iconDefinitions)