chore: change to shiki again

docs/pages/about.mdx

@@ -26,7 +26,7 @@ Nextra is powered by these incredible open source projects:
 - https://pnpm.io
 - https://tailwindcss.com
 - https://github.com/pacocoursey/next-themes
-- https://github.com/antfu/shikiji
+- https://github.com/shikijs/shiki
 - https://github.com/nextapps-de/flexsearch
 - https://github.com/atomiks/rehype-pretty-code
 - https://github.com/Brooooooklyn/simple-git

packages/nextra/package.json

@@ -141,8 +141,8 @@
     "remark-math": "^6.0.0",
     "remark-reading-time": "^2.0.1",
     "remark-smartypants": "^2.1.0",
-    "shikiji": "^0.10.2",
-    "shikiji-twoslash": "^0.10.2",
+    "shiki": "1.0.0-beta.5",
+    "@shikijs/twoslash": "1.0.0-beta.5",
     "slash": "^5.1.0",
     "title": "^3.5.3",
     "unist-util-remove": "^4.0.0",

packages/nextra/src/server/compile.ts

@@ -2,6 +2,7 @@ import path from 'node:path'
 import type { ProcessorOptions } from '@mdx-js/mdx'
 import { createProcessor } from '@mdx-js/mdx'
 import type { Processor } from '@mdx-js/mdx/lib/core'
+import { rendererRich, transformerTwoslash } from '@shikijs/twoslash'
 import { remarkMermaid } from '@theguild/remark-mermaid'
 import { remarkNpm2Yarn } from '@theguild/remark-npm2yarn'
 import type { Program } from 'estree'
@@ -13,7 +14,6 @@ import remarkGfm from 'remark-gfm'
 import remarkMath from 'remark-math'
 import remarkReadingTime from 'remark-reading-time'
 import remarkSmartypants from 'remark-smartypants'
-import { rendererRich, transformerTwoslash } from 'shikiji-twoslash'
 import type { Pluggable, Plugin } from 'unified'
 import type {
   FrontMatter,

packages/nextra/src/server/rehype-plugins/rehype.ts

@@ -1,6 +1,6 @@
 import type { Element } from 'hast'
 import type { Options as RehypePrettyCodeOptions } from 'rehype-pretty-code'
-import { bundledLanguages, getHighlighter } from 'shikiji'
+import { bundledLanguages, getHighlighter } from 'shiki'
 import type { Plugin } from 'unified'
 import { visit } from 'unist-util-visit'
 
@@ -27,6 +27,7 @@ export const DEFAULT_REHYPE_PRETTY_CODE_OPTIONS: RehypePrettyCodeOptions = {
     light: 'github-light',
     dark: 'github-dark'
   },
+  // @ts-expect-error wait for https://github.com/rehype-pretty/rehype-pretty-code/pull/172
   getHighlighter(opts) {
     return getHighlighter({
       ...opts,