Show a shorter TOC

Author: hasparus

src/components/nextra-mdx-wrapper.tsx

@@ -36,6 +36,11 @@ export function NextraMdxWrapper({
     directories,
   } = config.normalizePagesResult
 
+  console.log(themeContext.toc)
+  if (themeContext.toc && typeof themeContext.toc === "object") {
+    toc = themeContext.toc
+  }
+
   const tocEl =
     activeType === "page" ||
     !themeContext.toc ||

src/pages/faq/_meta.ts

@@ -1,15 +1,25 @@
 export default {
   index: {
     title: "FAQ",
+    type: "hidden",
     theme: {
-      toc: false,
       sidebar: false,
+      timestamp: false,
+      breadcrumb: false,
+      toc: [
+        { value: "Getting Started", id: "getting-started", depth: 2 },
+        { value: "General", id: "general", depth: 2 },
+        { value: "Best Practices", id: "best-practices", depth: 2 },
+        { value: "Specification", id: "specification", depth: 2 },
+        { value: "Frontend", id: "frontend", depth: 2 },
+        { value: "Foundation", id: "foundation", depth: 2 },
+      ],
     },
   },
-  "getting-started": { display: "hidden" },
-  general: { display: "hidden" },
-  "best-practices": { display: "hidden" },
-  specification: { display: "hidden" },
-  frontend: { display: "hidden" },
-  foundation: { display: "hidden" },
+  "getting-started": "",
+  general: "",
+  "best-practices": "",
+  specification: "",
+  frontend: "",
+  foundation: "",
 }

src/pages/faq/index.mdx

@@ -7,7 +7,7 @@ import Specification from "./specification.mdx"
 import Frontend from "./frontend.mdx"
 import Foundation from "./foundation.mdx"
 
-<h1 className="typography-h1">Frequently Asked Questions</h1>
+<h1 className="typography-h1 hidden">Frequently Asked Questions</h1>
 
 <FaqAggregator>
   <GettingStarted components={faqMdxComponents} />