独自のremarkプラグイン

remark-code-block

コードブロックからメタ情報を取得するためのプラグインです。デフォルトでは、言語の指定より後の部分 (editable layout=productなど) が取得できないので作成しました。

```tsx editable layout=product
const a = "Hello, World!";

から

{
  "code": "const a = \"Hello, World!\";",
  "language": "tsx",
  "meta": "editable layout=product"
}

のようなデータを生成します。

metaは@/components/article/CodeBlock.astro内で[key: string]: string | booleanのオブジェクトに変換され、@/coponents/CodeBlockにPropsとして渡されます。