fix kroki

index.html

@@ -84,21 +84,6 @@
           coverBackground : 'linear-gradient(to left bottom, hsl(118, 100%, 85%) 0%,hsl(181, 100%, 100%) 100%)',
         }
       },
-    };
-  </script>
-
-  <!-- PWA -->
-  <script>
-    if (typeof navigator.serviceWorker !== 'undefined') {
-      navigator.serviceWorker.register('scripts/sw.js')
-    }
-  </script>
-
-  <!-- Docsify v4 -->
-  <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
-
-  <!-- Render graph (UML/Mermaid/... -->
-  <script src="//unpkg.com/docsify-kroki">
       kroki: {
         langs: [
           "actdiag",
@@ -112,12 +97,11 @@
           "erd",
           "excalidraw",
           "graphviz",
-	      "mermaid",
           "nomnoml",
           "nwdiag",
           "packetdiag",
           "pikchr",
-	      "plantuml",
+          //"plantuml",
           "rackdiag",
           "seqdiag",
           "structurizr",
@@ -128,9 +112,39 @@
           "vegalite",
           "wavedrom",
           "wireviz",
-	    ]
+        ],
+      },
+      plantuml: {
+        skin: "classic",
+        renderAsObject: false,
+      },
+    };
   </script>
 
+  <!-- PWA -->
+  <script>
+    if (typeof navigator.serviceWorker !== 'undefined') {
+      navigator.serviceWorker.register('scripts/sw.js')
+    }
+  </script>
+
+  <!-- Docsify v4 -->
+  <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
+
+  <!-- Render PlantUML -->
+  <script src="//unpkg.com/docsify-puml/dist/docsify-puml.min.js"></script>
+
+  <!-- Render graph (UML/Mermaid/...) -->
+  <script src="//unpkg.com/docsify-kroki"></script>
+
+  <!-- Mermaid (use this one for Light and Dark theme -->
+  <script type="module">
+    import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
+    mermaid.initialize({ startOnLoad: true });
+    window.mermaid = mermaid;
+  </script>
+  <script src="//unpkg.com/docsify-mermaid@2.0.1/dist/docsify-mermaid.js"></script>
+
   <!-- Copy code button -->
   <script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>