docs: use local wasm file

Author: Justineo

package.json

@@ -64,7 +64,7 @@
     "echarts": "^5.5.1",
     "echarts-gl": "^2.0.9",
     "echarts-liquidfill": "^3.1.0",
-    "esbuild-wasm": "^0.19.12",
+    "esbuild-wasm": "^0.23.0",
     "eslint": "^7.32.0",
     "eslint-plugin-prettier": "^3.4.1",
     "eslint-plugin-vue": "^8.7.1",

src/demo/CodeGen.vue

@@ -16,6 +16,7 @@ import javascript from "highlight.js/lib/languages/javascript";
 import typescript from "highlight.js/lib/languages/typescript";
 import hljsVuePlugin from "@highlightjs/vue-plugin";
 import { initialize, transform } from "esbuild-wasm";
+import wasmURL from "esbuild-wasm/esbuild.wasm";
 import { track } from "@vercel/analytics";
 
 import { getImportsFromOption } from "./utils/codegen";
@@ -75,9 +76,7 @@ const transformedCode = ref("");
 const transformErrors = ref([]);
 
 onMounted(async () => {
-  await initialize({
-    wasmURL: "https://cdn.jsdelivr.net/npm/esbuild-wasm@0.19.12/esbuild.wasm"
-  });
+  await initialize({ wasmURL });
 
   initializing.value = false;
 

vue.config.js

@@ -20,6 +20,14 @@ export default {
       .test(/\.svg$/)
       .type("asset/source");
 
+    config.module
+      .rule('wasm')
+      .test(/\.wasm$/)
+      .type('asset/resource')
+      .set('generator', {
+        filename: '[name].[hash:8][ext]'
+      })
+
     config.plugin("define").tap(([options]) => [
       {
         ...options,