chore: migrate to shiki

Author: webfansplz

packages/client/package.json

@@ -36,7 +36,7 @@
     "colord": "^2.9.3",
     "fuse.js": "^7.0.0",
     "minimatch": "^9.0.3",
-    "shikiji": "^0.9.19",
+    "shiki": "1.0.0-beta.0",
     "splitpanes": "^3.1.5",
     "vis-network": "^9.1.9",
     "vite-hot-client": "^0.2.3",

packages/client/src/composables/shiki.ts

@@ -1,6 +1,6 @@
-import type { BuiltinLanguage, HighlighterCore } from 'shikiji'
-import { getHighlighterCore } from 'shikiji/core'
-import { getWasmInlined } from 'shikiji/wasm'
+import type { BuiltinLanguage, HighlighterCore } from 'shiki'
+import { getHighlighterCore } from 'shiki/core'
+import getWasm from 'shiki/wasm'
 
 export const shiki = shallowRef<HighlighterCore>()
 
@@ -11,22 +11,22 @@ export function renderCodeHighlight(code: string, lang: BuiltinLanguage | 'text'
     // Only loading when needed
     promise = getHighlighterCore({
       themes: [
-        import('shikiji/themes/vitesse-dark.mjs'),
-        import('shikiji/themes/vitesse-light.mjs'),
+        import('shiki/themes/vitesse-dark.mjs'),
+        import('shiki/themes/vitesse-light.mjs'),
       ],
       langs: [
-        import('shikiji/langs/json.mjs'),
-        import('shikiji/langs/yaml.mjs'),
-        import('shikiji/langs/css.mjs'),
-        import('shikiji/langs/javascript.mjs'),
-        import('shikiji/langs/typescript.mjs'),
-        import('shikiji/langs/vue.mjs'),
-        import('shikiji/langs/vue-html.mjs'),
-        import('shikiji/langs/html.mjs'),
-        import('shikiji/langs/diff.mjs'),
-        import('shikiji/langs/shellscript.mjs'),
+        import('shiki/langs/json.mjs'),
+        import('shiki/langs/yaml.mjs'),
+        import('shiki/langs/css.mjs'),
+        import('shiki/langs/javascript.mjs'),
+        import('shiki/langs/typescript.mjs'),
+        import('shiki/langs/vue.mjs'),
+        import('shiki/langs/vue-html.mjs'),
+        import('shiki/langs/html.mjs'),
+        import('shiki/langs/diff.mjs'),
+        import('shiki/langs/shellscript.mjs'),
       ],
-      loadWasm: getWasmInlined,
+      loadWasm: getWasm,
     }).then((i) => {
       shiki.value = i
     })