From 6ae67c410cfcfbc27d1bca4bb354517c2cfbd70c Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 24 Oct 2025 20:52:47 +0300
Subject: [PATCH] chore(share): load Mermaid only when necessary

---
 packages/share-theme/src/scripts/modules/mermaid.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/share-theme/src/scripts/modules/mermaid.ts b/packages/share-theme/src/scripts/modules/mermaid.ts
index 123f3816c..78ae5a573 100644
--- a/packages/share-theme/src/scripts/modules/mermaid.ts
+++ b/packages/share-theme/src/scripts/modules/mermaid.ts
@@ -1,7 +1,12 @@
-import mermaid from "mermaid";
+export default async function setupMermaid() {
+    const mermaidEls = document.querySelectorAll("#content pre code.language-mermaid");
+    if (mermaidEls.length === 0) {
+        return;
+    }
 
-export default function setupMermaid() {
-    for (const codeBlock of document.querySelectorAll("#content pre code.language-mermaid")) {
+    const mermaid = (await import("mermaid")).default;
+
+    for (const codeBlock of mermaidEls) {
         const parentPre = codeBlock.parentElement;
         if (!parentPre) {
             continue;