fix: workPath to use absolute path (#19)

Author: NomadBin

package.json

@@ -43,7 +43,8 @@
     "monaco-graphql": "^0.4.4",
     "typescript": "^4.3.5",
     "vite": "^2.4.4",
-    "vue": "^3.1.5"
+    "vue": "^3.1.5",
+    "vue-router": "^4.0.12"
   },
   "peerDependencies": {
     "monaco-editor": "0.29.x"

src/workerMiddleware.ts

@@ -19,7 +19,7 @@ export function getWorkPath(works: IWorkerDefinition[], options: IMonacoEditorOp
     if (isCDN(options.publicPath)) {
       workerPaths[work.label] = options.publicPath + '/' + getFilenameByEntry(work.entry);
     } else {
-      workerPaths[work.label] = './' + options.publicPath + '/' + getFilenameByEntry(work.entry);
+      workerPaths[work.label] = '/' + options.publicPath + '/' + getFilenameByEntry(work.entry);
     }
   }
 

test/src/App.vue

@@ -1,7 +1,5 @@
 <template>
-    <Editor ></Editor>
+  <router-view></router-view>
 </template>
 
-<script setup>
-import Editor from "./mona/Editor.vue"
-</script>
+<script setup></script>

test/src/main.js

@@ -1,4 +1,5 @@
 import { createApp } from 'vue'
 import App from './App.vue'
+import router from './router/index';
 
-createApp(App).mount('#app')
+createApp(App).use(router).mount('#app')

test/src/router/index.ts

@@ -0,0 +1,13 @@
+import { createRouter, createWebHistory } from 'vue-router';
+
+const routes = [
+  { path: '/', component: () => import('../mona/Editor.vue') },
+  { path: '/home/test', component: () => import('../mona/Editor.vue') },
+];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+});
+
+export default router;

yarn.lock

@@ -102,6 +102,11 @@
     "@vue/compiler-dom" "3.1.5"
     "@vue/shared" "3.1.5"
 
+"@vue/devtools-api@^6.0.0-beta.18":
+  version "6.0.0-beta.20.1"
+  resolved "https://registry.npmmirror.com/@vue/devtools-api/download/@vue/devtools-api-6.0.0-beta.20.1.tgz#5b499647e929c35baf2a66a399578f9aa4601142"
+  integrity sha512-R2rfiRY+kZugzWh9ZyITaovx+jpU4vgivAEAiz80kvh3yviiTU3CBuGuyWpSwGz9/C7TkSWVM/FtQRGlZ16n8Q==
+
 "@vue/reactivity@3.1.5":
   version "3.1.5"
   resolved "https://registry.nlark.com/@vue/reactivity/download/@vue/reactivity-3.1.5.tgz?cache=0&sync_timestamp=1628306156758&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40vue%2Freactivity%2Fdownload%2F%40vue%2Freactivity-3.1.5.tgz#dbec4d9557f7c8f25c2635db1e23a78a729eb991"
@@ -668,6 +673,13 @@ vscode-languageserver-types@^3.15.1:
   resolved "https://registry.npmmirror.com/vscode-languageserver-types/download/vscode-languageserver-types-3.16.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fvscode-languageserver-types%2Fdownload%2Fvscode-languageserver-types-3.16.0.tgz#ecf393fc121ec6974b2da3efb3155644c514e247"
   integrity sha1-7POT/BIexpdLLaPvsxVWRMUU4kc=
 
+vue-router@^4.0.12:
+  version "4.0.12"
+  resolved "https://registry.npmmirror.com/vue-router/download/vue-router-4.0.12.tgz#8dc792cddf5bb1abcc3908f9064136de7e13c460"
+  integrity sha1-jceSzd9bsavMOQj5BkE23n4TxGA=
+  dependencies:
+    "@vue/devtools-api" "^6.0.0-beta.18"
+
 vue@^3.1.5:
   version "3.1.5"
   resolved "https://registry.nlark.com/vue/download/vue-3.1.5.tgz?cache=0&sync_timestamp=1628306160765&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fvue%2Fdownload%2Fvue-3.1.5.tgz#12879b11d0685ee4478c8869551799630a52f9fe"