fix: update shiki and relax version range (#465)

vuejs · Jun 21, 2024 · 0070585 · 0070585
1 parent 937b91b
commit 0070585
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 25 deletions.
diff --git a/packages/applet/package.json b/packages/applet/package.json
@@ -30,7 +30,7 @@
     "@vue/devtools-ui": "workspace:^",
     "lodash-es": "^4.17.21",
     "perfect-debounce": "^1.0.0",
-    "shiki": "1.7.0",
+    "shiki": "^1.9.0",
     "splitpanes": "^3.1.5",
     "vue-virtual-scroller": "2.0.0-beta.8"
   },

diff --git a/packages/applet/src/composables/shiki.ts b/packages/applet/src/composables/shiki.ts
@@ -1,5 +1,5 @@
 import type { BuiltinLanguage, HighlighterCore } from 'shiki'
-import { getHighlighterCore } from 'shiki/core'
+import { createHighlighterCore } from 'shiki/core'
 import getWasm from 'shiki/wasm'
 import { shallowRef } from 'vue'
 
@@ -10,7 +10,7 @@ let promise: Promise<any> | null = null
 export function renderCodeHighlight(code: string, lang: BuiltinLanguage | 'text' = 'text') {
   if (!promise && !shiki.value) {
     // Only loading when needed
-    promise = getHighlighterCore({
+    promise = createHighlighterCore({
       themes: [
         import('shiki/themes/vitesse-dark.mjs'),
         import('shiki/themes/vitesse-light.mjs'),

diff --git a/packages/client/package.json b/packages/client/package.json
@@ -36,7 +36,7 @@
     "colord": "^2.9.3",
     "fuse.js": "^7.0.0",
     "minimatch": "^9.0.4",
-    "shiki": "1.7.0",
+    "shiki": "^1.9.0",
     "splitpanes": "^3.1.5",
     "vis-network": "^9.1.9",
     "vite-hot-client": "^0.2.3",

diff --git a/packages/client/src/composables/shiki.ts b/packages/client/src/composables/shiki.ts
@@ -1,5 +1,5 @@
 import type { BuiltinLanguage, HighlighterCore } from 'shiki'
-import { getHighlighterCore } from 'shiki/core'
+import { createHighlighterCore } from 'shiki/core'
 import getWasm from 'shiki/wasm'
 
 export const shiki = shallowRef<HighlighterCore>()
@@ -9,7 +9,7 @@ let promise: Promise<any> | null = null
 export function renderCodeHighlight(code: string, lang: BuiltinLanguage | 'text' = 'text') {
   if (!promise && !shiki.value) {
     // Only loading when needed
-    promise = getHighlighterCore({
+    promise = createHighlighterCore({
       themes: [
         import('shiki/themes/vitesse-dark.mjs'),
         import('shiki/themes/vitesse-light.mjs'),

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml