From 24ed18e439b48de207143180f33d48cbf92b853c Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Wed, 24 Jul 2024 11:37:03 +0800
Subject: [PATCH] docs: use local wasm file

---
 package.json         | 2 +-
 src/demo/CodeGen.vue | 5 ++---
 vue.config.js        | 8 ++++++++
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 92796df..2924db5 100644
--- a/package.json
+++ b/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",
diff --git a/src/demo/CodeGen.vue b/src/demo/CodeGen.vue
index 87ea1fe..3934980 100644
--- a/src/demo/CodeGen.vue
+++ b/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;
 
diff --git a/vue.config.js b/vue.config.js
index ab2b6d5..5ce10b3 100644
--- a/vue.config.js
+++ b/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,