Mermaid.jsで記述したアーキテクチャ図がSyntax errorになります

[tttol]

事象

下記のようなmermaid.jsで記述したアーキテクチャ図をQiitaに記載すると、プレビュー画面でSyntax errorになります。

architecture-beta
    group api(cloud)[API]

    service db(database)[Database] in api
    service disk1(disk)[Storage] in api
    service disk2(disk)[Storage] in api
    service server(server)[Server] in api

    db:L -- R:server
    disk1:T -- B:server
    disk2:T -- B:db

期待値としては、下図のようにアーキテクチャ図が描画される想定です。

architecture-beta
    group api(cloud)[API]

    service db(database)[Database] in api
    service disk1(disk)[Storage] in api
    service disk2(disk)[Storage] in api
    service server(server)[Server] in api

    db:L -- R:server
    disk1:T -- B:server
    disk2:T -- B:db

Loading

Mermaid.jsのアーキテクチャ図描画機能はv11.1.0+が必要ですが、添付画像のエラー画面にはSyntax error in text mermaid version 10.9.0と表示されているため、Qiitaの内部で利用しているMermaid.jsのバージョンが古いことが原因でしょうか？
https://mermaid.js.org/syntax/architecture.html

要望

Mermaid.jsのアーキテクチャ図描画機能をQiitaでも利用可能にしていただくことは可能でしょうか？

[tanaka-asami415]

@tttol
ご不便をおかけして申し訳ありません。

ご指摘の通り、バージョンが古いことが原因かと思われます。
時期はお約束できないのですが、バージョンアップの対応も予定しておりますので、お待ちいただけると幸いです🙇

[P-SiZK]

@tttol
お待たせしました！

Mermaid のバージョンを v11.3.0 にアップデートし、アーキテクチャ図が描画できるようになりました！
https://qiita.com/release-notes/2024-10-24

[tttol]

@P-SiZK @tanaka-asami415
ご対応ありがとうございました！