chore: update shiki usage

slidevjs · Jun 25, 2024 · 8408733 · 8408733
1 parent c4a9a14
commit 8408733
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/packages/slidev/node/virtual/shiki.ts b/packages/slidev/node/virtual/shiki.ts
@@ -59,13 +59,13 @@ export const templateShiki: VirtualModuleTemplate = {
 
     const lines: string[] = []
     lines.push(
-      `import { getHighlighterCore } from "${await resolveImportUrl('shiki/core')}"`,
+      `import { createHighlighterCore } from "${await resolveImportUrl('shiki/core')}"`,
       `export { shikiToMonaco } from "${await resolveImportUrl('@shikijs/monaco')}"`,
 
       `export const languages = ${JSON.stringify(langNames)}`,
       `export const themes = ${JSON.stringify(themeOptionsNames.themes || themeOptionsNames.theme)}`,
 
-      'export const shiki = getHighlighterCore({',
+      'export const shiki = createHighlighterCore({',
       `  themes: [${themesInit.join(',')}],`,
       `  langs: [${langsInit.join(',')}],`,
       `  loadWasm: import('${await resolveImportUrl('shiki/wasm')}'),`,

diff --git a/packages/slidev/node/vite/markdown.ts b/packages/slidev/node/vite/markdown.ts
@@ -110,17 +110,17 @@ export async function createMarkdownPlugin(
 async function createMarkdownItShiki(clientRoot: string, roots: string[], config: SlidevConfig, mode: string) {
   const [
     shikiOptions,
-    { getHighlighter, bundledLanguages },
+    { createHighlighter, bundledLanguages },
     markdownItShiki,
     transformerTwoslash,
   ] = await Promise.all([
     loadShikiSetups(clientRoot, roots),
-    import('shiki').then(({ getHighlighter, bundledLanguages }) => ({ bundledLanguages, getHighlighter })),
+    import('shiki').then(({ createHighlighter, bundledLanguages }) => ({ bundledLanguages, createHighlighter })),
     import('@shikijs/markdown-it/core').then(({ fromHighlighter }) => fromHighlighter),
     import('@shikijs/vitepress-twoslash').then(({ transformerTwoslash }) => transformerTwoslash),
   ] as const)
 
-  const shiki = await getHighlighter({
+  const shiki = await createHighlighter({
     ...shikiOptions as any,
     langs: shikiOptions.langs ?? Object.keys(bundledLanguages),
     themes: 'themes' in shikiOptions ? Object.values(shikiOptions.themes) : [shikiOptions.theme],

diff --git a/test/transform-magic-move.test.ts b/test/transform-magic-move.test.ts
@@ -1,5 +1,5 @@
 import { expect, it } from 'vitest'
-import { getHighlighter } from 'shiki'
+import { createHighlighter } from 'shiki'
 import { transformMagicMove } from '../packages/slidev/node/syntax/transform'
 import { createTransformContext } from './_tutils'
 
@@ -21,7 +21,7 @@ let message = 'Hello, Slidev!'
 Some text after
   
 `
-  const shiki = await getHighlighter({
+  const shiki = await createHighlighter({
     themes: ['nord'],
     langs: ['typescript'],
   })
@@ -67,7 +67,7 @@ console.log('Hello, Angular #2!')
 Some text after
   
 `
-  const shiki = await getHighlighter({
+  const shiki = await createHighlighter({
     themes: ['nord'],
     langs: ['angular-ts'],
   })