Remark TS 轉 JS

一個 remark 外掛，可將 TypeScript 程式碼區塊轉換為兩個頁籤，分別呈現 TypeScript 與對應的 JavaScript 版本。

使用方式

安裝相依套件：

npm install fumadocs-docgen

Remark TS 轉 JS 是一個 remark 外掛，請將它加入您的設定中：

source.config.ts

import { remarkTypeScriptToJavaScript } from 'fumadocs-docgen/remark-ts2js';
import { defineConfig } from 'fumadocs-mdx/config';

export default defineConfig({
  mdxOptions: {
    remarkPlugins: [remarkTypeScriptToJavaScript],
  },
});

它會產生與 Remark NPM 相同的 CodeBlockTabs 元件，Fumadocs UI 已預設內建這些元件。

現在您可以在 TypeScript/TSX 程式碼區塊上啟用它，例如：

```tsx ts2js
import { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return <div>{children}</div>;
}
```

import { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return <div>{children}</div>;
}

使用方式複製錨點連結

本頁目錄

使用方式