8000 chore: move to shiki (#216) · vuejs/repl@0ec4b6d · GitHub
[go: up one dir, main page]

Skip to content

Commit 0ec4b6d

Browse files
authored
chore: move to shiki (#216)
1 parent 67b0558 commit 0ec4b6d

File tree

3 files changed

+28
-29
lines changed

3 files changed

+28
-29
lines changed

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -92,8 +92,8 @@
9292
"lint-staged": "^15.2.0",
9393
"monaco-editor-core": "^0.45.0",
9494
"prettier": "^3.1.1",
95-
"shikiji": "^0.9.17",
96-
"shikiji-monaco": "^0.9.17",
95+
"shiki": "^1.0.0-rc.0",
96+
"@shikijs/monaco": "^1.0.0-rc.0",
9797
"simple-git-hooks": "^2.9.0",
9898
"sucrase": "^3.35.0",
9999
"typescript": "^5.3.3",

pnpm-lock.yaml

Lines changed: 19 additions & 19 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/monaco/highlight.ts

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,19 @@
11
import * as monaco from 'monaco-editor-core'
2-
import { getHighlighterCore } from 'shikiji/core'
3-
import { getWasmInlined } from 'shikiji/wasm'
4-
import { shikijiToMonaco } from 'shikiji-monaco'
2+
import { getHighlighterCore } from 'shiki/core'
3+
import { shikiToMonaco } from '@shikijs/monaco'
54

6-
import langVue from 'shikiji/langs/vue.mjs'
7-
import themeDark from 'shikiji/themes/dark-plus.mjs'
8-
import themeLight from 'shikiji/themes/light-plus.mjs'
5+
import langVue from 'shiki/langs/vue.mjs'
6+
import themeDark from 'shiki/themes/dark-plus.mjs'
7+
import themeLight from 'shiki/themes/light-plus.mjs'
98

109
export async function registerHighlighter() {
1110
const highlighter = await getHighlighterCore({
1211
themes: [themeDark, themeLight],
1312
langs: [langVue],
14-
loadWasm: getWasmInlined,
13+
loadWasm: import('shiki/wasm'),
1514
})
1615
monaco.languages.register({ id: 'vue' })
17-
shikijiToMonaco(highlighter, monaco)
16+
shikiToMonaco(highlighter, monaco)
1817
return {
1918
light: themeLight.name!,
2019
dark: themeDark.name!,

0 commit comments

Comments
 (0)
0