MDX と MDC

MDC のネイティブ対応と、MDX コンパイルがない点を確認します。

MDC はこの構成の標準、MDX は未対応です。 Nuxt Content は .md 内の MDC を Vue コンポーネントツリーへ変換します。React 向けの MDX は Nuxt Content の形式ではありません。

動作する MDC コンポーネント

このカードは Markdown 内に直接記述し、Nuxt UI が表示しています。

表現力は高い一方、Vue／MDC 固有であり、MDX としての移植性はありません。

動作する Vue カウンター: 0

Markdown 拡張

Shiki コードブロック、MDC コールアウトなどの執筆機能です。

Mermaid

プロジェクトで追加した小さなクライアントコンポーネントによる Mermaid です。