feat(website): add twoslash

Author: Rel1cx

apps/website/app/docs/[[...slug]]/page.tsx

@@ -1,3 +1,4 @@
+import { Popup, PopupContent, PopupTrigger } from "fumadocs-twoslash/ui";
 import { Tab, Tabs } from "fumadocs-ui/components/tabs";
 import defaultMdxComponents from "fumadocs-ui/mdx";
 import { DocsBody, DocsDescription, DocsPage, DocsTitle } from "fumadocs-ui/page";
@@ -7,6 +8,9 @@ import { source } from "#/lib/source";
 
 const mdxComponents = {
   ...defaultMdxComponents,
+  Popup,
+  PopupContent,
+  PopupTrigger,
   Tab,
   Tabs,
 };

apps/website/package.json

@@ -24,7 +24,8 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "shiki": "^3.1.0",
-    "tailwind-merge": "^3.0.2"
+    "tailwind-merge": "^3.0.2",
+    "twoslash": "^0.3.1"
   },
   "devDependencies": {
     "@eslint-react/eslint-plugin": "workspace:*",

apps/website/source.config.ts

@@ -1,6 +1,7 @@
 import { rehypeCodeDefaultOptions } from "fumadocs-core/mdx-plugins";
 import { remarkDocGen, remarkInstall } from "fumadocs-docgen";
 import { defineConfig, defineDocs } from "fumadocs-mdx/config";
+import { transformerTwoslash } from "fumadocs-twoslash";
 
 export const { meta, docs } = defineDocs({
   dir: "content/docs",
@@ -20,6 +21,7 @@ export default defineConfig({
       },
       transformers: [
         ...rehypeCodeDefaultOptions.transformers ?? [],
+        transformerTwoslash(),
       ],
     },
     remarkPlugins: [