chore: cleanup mermaid logic

akashchandwani · Feb 13, 2024 · 5449d15 · 5449d15
1 parent 528884d
commit 5449d15
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 18 deletions.
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -41,25 +41,8 @@ <h1 class="post-title entry-hint-parent">
     {{- else }}{{ .Content }}{{ end }}
   </div>
   {{- end }}
-  {{ if .Page.Store.Get "hasMermaid" }}
-  <script type="module">
-    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
-    const config = {
-      startOnLoad: true,
-      securityLevel: 'loose',
-      theme: localStorage.getItem("pref-theme") === "light" ? "light": "dark",
-      sankey: {
-        height: 400,
-        width: 600,
-        useMaxWidth: true,
-        linkColor: 'gradient',
-        nodeAlignment: 'justify',
-      },
-    };
-    mermaid.initialize(config);
-  </script>
-  {{ end }}
 
+  {{ partial "mermaid" . }}
 
   <footer class="post-footer">
     {{- $tags := .Language.Params.Taxonomies.tag | default "tags" }}

diff --git a/layouts/partials/mermaid.html b/layouts/partials/mermaid.html
@@ -0,0 +1,18 @@
+{{ if .Page.Store.Get "hasMermaid" }}
+    <script type="module">
+    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
+    const config = {
+        startOnLoad: true,
+        securityLevel: 'loose',
+        theme: localStorage.getItem("pref-theme") === "light" ? "light": "dark",
+        sankey: {
+        height: 400,
+        width: 600,
+        useMaxWidth: true,
+        linkColor: 'gradient',
+        nodeAlignment: 'justify',
+        },
+    };
+    mermaid.initialize(config);
+    </script>
+{{ end }}