From 2569b609e9fa055ac374709a9c00752abe963ce5 Mon Sep 17 00:00:00 2001
From: simonguo <simonguo.2009@gmail.com>
Date: Sun, 4 Jan 2026 11:06:05 +0800
Subject: [PATCH] docs: remove outdated highlight.js references, update to
 Shiki

- Replace 'Powered by highlight.js' with 'Powered by Shiki' in feature list
- Remove unnecessary highlight.js CSS import examples
- Update rendererOptions comment to reference Shiki instead of highlight.js
- Project has been using Shiki since v3.0.0, documentation now reflects this
---
 packages/react-code-view/README.md | 5 +----
 packages/react/README.md           | 3 ---
 packages/unplugin/README.md        | 2 +-
 3 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/packages/react-code-view/README.md b/packages/react-code-view/README.md
index 0bebb2a..e976c68 100644
--- a/packages/react-code-view/README.md
+++ b/packages/react-code-view/README.md
@@ -8,7 +8,7 @@ A React component library for rendering code with live preview and syntax highli
 ## Features
 
 - 🎨 **Live Preview** - Execute and preview React code in real-time
-- ✨ **Syntax Highlighting** - Powered by highlight.js
+- ✨ **Syntax Highlighting** - Powered by Shiki
 - ✏️ **Editable Code** - Built-in code editor with optional CodeMirror support
 - 📝 **Markdown Support** - Render markdown with code blocks
 - 🔌 **Universal Plugin** - Works with Webpack, Vite, Rollup, esbuild, and Rspack
@@ -34,9 +34,6 @@ yarn add react-code-view
 import CodeView from 'react-code-view';
 import 'react-code-view/styles';
 
-// Optional: import highlight.js theme
-import 'highlight.js/styles/atom-one-dark.css';
-
 function App() {
   const code = `
 <button onClick={() => alert('Hello!')}>
diff --git a/packages/react/README.md b/packages/react/README.md
index a46a552..3f48a17 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -16,9 +16,6 @@ npm install @react-code-view/react @react-code-view/core
 import { CodeView } from '@react-code-view/react';
 import '@react-code-view/react/styles/index.css';
 
-// Optional: import highlight theme
-import 'highlight.js/styles/atom-one-dark.css';
-
 function App() {
   const code = `
 <Button color="primary">
diff --git a/packages/unplugin/README.md b/packages/unplugin/README.md
index 19b5fbc..26c9af1 100644
--- a/packages/unplugin/README.md
+++ b/packages/unplugin/README.md
@@ -141,7 +141,7 @@ interface PluginOptions {
    */
   rendererOptions?: {
     languages?: string[];
-    // ... highlight.js options
+    // ... Shiki options
   };
 }
 ```