chore: move to shiki (#216)

Author: antfu

package.json

@@ -92,8 +92,8 @@
     "lint-staged": "^15.2.0",
     "monaco-editor-core": "^0.45.0",
     "prettier": "^3.1.1",
-    "shikiji": "^0.9.17",
-    "shikiji-monaco": "^0.9.17",
+    "shiki": "^1.0.0-rc.0",
+    "@shikijs/monaco": "^1.0.0-rc.0",
     "simple-git-hooks": "^2.9.0",
     "sucrase": "^3.35.0",
     "typescript": "^5.3.3",

pnpm-lock.yaml

@@ -1,20 +1,19 @@
 import * as monaco from 'monaco-editor-core'
-import { getHighlighterCore } from 'shikiji/core'
-import { getWasmInlined } from 'shikiji/wasm'
-import { shikijiToMonaco } from 'shikiji-monaco'
+import { getHighlighterCore } from 'shiki/core'
+import { shikiToMonaco } from '@shikijs/monaco'
 
-import langVue from 'shikiji/langs/vue.mjs'
-import themeDark from 'shikiji/themes/dark-plus.mjs'
-import themeLight from 'shikiji/themes/light-plus.mjs'
+import langVue from 'shiki/langs/vue.mjs'
+import themeDark from 'shiki/themes/dark-plus.mjs'
+import themeLight from 'shiki/themes/light-plus.mjs'
 
 export async function registerHighlighter() {
   const highlighter = await getHighlighterCore({
     themes: [themeDark, themeLight],
     langs: [langVue],
-    loadWasm: getWasmInlined,
+    loadWasm: import('shiki/wasm'),
   })
   monaco.languages.register({ id: 'vue' })
-  shikijiToMonaco(highlighter, monaco)
+  shikiToMonaco(highlighter, monaco)
   return {
     light: themeLight.name!,
     dark: themeDark.name!,