test shiki update

docs/contentlayer.config.ts

@@ -1,8 +1,12 @@
 import { defineDocumentType, makeSource } from 'contentlayer/source-files';
 import rehypeAutolinkHeadings from 'rehype-autolink-headings';
-import rehypePrettyCode, { LineElement } from 'rehype-pretty-code';
+import rehypePrettyCode, {
+  LineElement,
+  type Options as PrettyCodeOptions,
+} from 'rehype-pretty-code';
 import rehypeSlug from 'rehype-slug';
 import remarkGfm from 'remark-gfm';
+import { Pluggable, PluggableList } from 'unified';
 import { visit } from 'unist-util-visit';
 
 import { rehypeComponentDemo } from './lib/mdx/rehype-component-demo';
@@ -105,7 +109,8 @@
   documentTypes: [ContentPage],
   mdx: {
     remarkPlugins: [remarkGfm],
-    rehypePlugins: [
+    /// @ts-ignore
+    rehypePlugin: [
       [rehypeComponentDemo, { contentDirPath }],
       rehypeSlug,
       // to inject the source code and other stuff inside `pre` element props
@@ -138,7 +143,7 @@
           onVisitHighlightedChars(node: LineElement) {
             node.properties.className = ['bg-gray-700 px-2 py-0.5 rounded-sm'];
           },
-        },
+        } satisfies Partial<PrettyCodeOptions>,
       ],
       // needed to copy code
       () => tree => {
@@ -175,6 +180,6 @@
           },
         },
       ],
-    ],
+    ] as Pluggable[],
   },
 });

docs/package.json

@@ -33,12 +33,13 @@
     "react-use": "17.5.0",
     "react-use-clipboard": "1.0.9",
     "rehype-autolink-headings": "6.1.1",
-    "rehype-pretty-code": "0.10.2",
+    "rehype-pretty-code": "0.13.0",
     "rehype-slug": "5.1.0",
     "remark-gfm": "3.0.1",
-    "shiki": "0.14.7",
+    "shiki": "1.0.0",
     "tailwind-scrollbar": "3.1.0",
     "tailwindcss": "3.4.1",
+    "unified": "11.0.4",
     "zod": "3.22.4",
     "zod-form-data": "2.0.2",
     "zx": "7.2.3"