「まいのこマートの一覧ページでも画像の数を表示したい」という話があったので、やってみることにした。要領としては、カテゴリーの件数を数えて表示させる方法と同じだろう。

Airtableにアップロードしている画像は、上記のように1フィールドで配列として並んでいるため、そのままlengthで数えてコンポーネントに渡す。

imageCount={edge.node.data.image.length}

これで一覧の右上に画像の総数を表示できた。もし、Markdownの中でインライン画像を用いた場合は数に含まれない。