Merge pull request #3 from Kong/feat/KHCP-14202_wasm

fix: externalise shiki [KHCP-14202]

README.md

@@ -21,7 +21,7 @@ pnpm dev
 ### Type-Check
 
 ```sh
-pnpm type-check
+pnpm typecheck
 ```
 
 ### Lint and fix

package.json

@@ -56,7 +56,7 @@
   "name": "@kong/spec-editor",
   "private": true,
   "scripts": {
-    "build": "run-p type-check \"build-only {@}\" --",
+    "build": "run-p typecheck \"build-only {@}\" --",
     "build-only": "vite build",
     "commit": "cz",
     "dev": "vite",
@@ -65,7 +65,7 @@
     "preview": "vite preview",
     "stylelint": "stylelint --allow-empty-input './src/**/*.{css,scss,vue}'",
     "stylelint:fix": "stylelint --allow-empty-input './src/**/*.{css,scss,sass,vue}' --fix",
-    "type-check": "vue-tsc --build --force"
+    "typecheck": "vue-tsc --build --force"
   },
   "type": "module",
   "version": "0.0.0",

vite.config.ts

@@ -4,6 +4,9 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
+// !Important: always externalize `shiki/onig.wasm`
+const externalDependencies: string[] = ['shiki/onig.wasm']
+
 // https://vite.dev/config/
 export default defineConfig({
   base: '/spec-editor',
@@ -16,6 +19,11 @@ export default defineConfig({
       '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
   },
+  build: {
+    rollupOptions: {
+      external: externalDependencies,
+    },
+  },
   css: {
     devSourcemap: true,
     preprocessorOptions: {