From 3d608e3e9567ab360296bd4cd1805c003ab09e6c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 18 Jan 2026 00:32:56 +0000
Subject: [PATCH 1/3] Initial plan


From 10d1d016ef522668200d37b9e4de806345641298 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 18 Jan 2026 00:41:14 +0000
Subject: [PATCH 2/3] Enable all available fumadocs plugins in source.config.ts

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>
---
 packages/site/source.config.ts | 46 ++++++++++++++++++++++++++++++++--
 1 file changed, 44 insertions(+), 2 deletions(-)

diff --git a/packages/site/source.config.ts b/packages/site/source.config.ts
index 99fd4b0..bb1b8a7 100644
--- a/packages/site/source.config.ts
+++ b/packages/site/source.config.ts
@@ -24,9 +24,51 @@ export const { docs, meta } = defineDocs({
 
 export default defineConfig({
   mdxOptions: {
+    // Rehype Code Plugin - Syntax highlighting configuration
     rehypeCodeOptions: {
-      theme: siteConfig.content.codeBlock.theme,
-    }
+      themes: {
+        light: siteConfig.content.codeBlock.theme,
+        dark: siteConfig.content.codeBlock.theme,
+      },
+      // Enable inline code highlighting with tailing curly colon syntax
+      // Example: `code{:js}` will highlight as JavaScript
+      inline: 'tailing-curly-colon',
+      // Filter meta string before processing (optional customization)
+      filterMetaString: (meta) => meta,
+      // Enable tab support for code blocks
+      tab: true,
+    },
+    // Remark Image Plugin - Image handling and optimization
+    remarkImageOptions: {
+      // Enable image optimization
+      // This plugin handles images and makes them compatible with Next.js
+      publicDir: 'public',
+      placeholder: 'blur',
+    },
+    // Remark Heading Plugin - Table of contents and heading processing
+    remarkHeadingOptions: {
+      // Configure heading processing for TOC
+      // This is used by fumadocs to generate the table of contents
+    },
+    // Remark Structure Plugin - Document structure extraction
+    remarkStructureOptions: {
+      // Extract structured data for search and navigation
+      // This plugin analyzes document structure for features like search
+    },
+    // Remark Code Tab Plugin - Code tabs for switching between examples
+    remarkCodeTabOptions: {
+      // Use Tabs component for code tabs
+      Tabs: 'Tabs',
+      // Parse MDX in tab values
+      parseMdx: false,
+    },
+    // Remark NPM Plugin - Package manager command tabs
+    remarkNpmOptions: {
+      // Persist tab selection across page navigation
+      persist: {
+        id: 'package-manager',
+      },
+    },
   }
 });
 

From b3793d2adcc4452f14b1e7f73e5a78c172b63e20 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 18 Jan 2026 00:48:54 +0000
Subject: [PATCH 3/3] Fix code block theme configuration - revert to single
 theme

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>
---
 packages/site/source.config.ts | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/site/source.config.ts b/packages/site/source.config.ts
index bb1b8a7..745514e 100644
--- a/packages/site/source.config.ts
+++ b/packages/site/source.config.ts
@@ -26,10 +26,7 @@ export default defineConfig({
   mdxOptions: {
     // Rehype Code Plugin - Syntax highlighting configuration
     rehypeCodeOptions: {
-      themes: {
-        light: siteConfig.content.codeBlock.theme,
-        dark: siteConfig.content.codeBlock.theme,
-      },
+      theme: siteConfig.content.codeBlock.theme,
       // Enable inline code highlighting with tailing curly colon syntax
       // Example: `code{:js}` will highlight as JavaScript
       inline: 'tailing-curly-colon',