fix kroki

index.html

@@ -84,6 +84,40 @@
           coverBackground : 'linear-gradient(to left bottom, hsl(118, 100%, 85%) 0%,hsl(181, 100%, 100%) 100%)',
         }
       },
+      kroki: {
+        langs: [
+          "actdiag",
+          "blockdiag",
+          "bpmn",
+          "bytefield",
+          "c4plantuml",
+          "d2",
+          "dbml",
+          "ditaa",
+          "erd",
+          "excalidraw",
+          "graphviz",
+          "nomnoml",
+          "nwdiag",
+          "packetdiag",
+          "pikchr",
+          //"plantuml",
+          "rackdiag",
+          "seqdiag",
+          "structurizr",
+          "svgbob",
+          "symbolator",
+          "tikz",
+          "vega",
+          "vegalite",
+          "wavedrom",
+          "wireviz",
+        ],
+      },
+      plantuml: {
+        skin: "classic",
+        renderAsObject: false,
+      },
     };
   </script>
 
@@ -97,39 +131,19 @@
   <!-- Docsify v4 -->
   <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
 
-  <!-- Render graph (UML/Mermaid/... -->
+  <!-- Render PlantUML -->
-  <script src="//unpkg.com/docsify-kroki">
+  <script src="//unpkg.com/docsify-puml/dist/docsify-puml.min.js"></script>
-	kroki:{
+
-	    langs: [
+  <!-- Render graph (UML/Mermaid/...) -->
-	      "actdiag",
+  <script src="//unpkg.com/docsify-kroki"></script>
-	      "blockdiag",
+
-	      "bpmn",
+  <!-- Mermaid (use this one for Light and Dark theme -->
-	      "bytefield",
+  <script type="module">
-	      "c4plantuml",
+    import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
-	      "d2",
+    mermaid.initialize({ startOnLoad: true });
-	      "dbml",
+    window.mermaid = mermaid;
-	      "ditaa",
-	      "erd",
-	      "excalidraw",
-	      "graphviz",
-	      "mermaid",
-	      "nomnoml",
-	      "nwdiag",
-	      "packetdiag",
-	      "pikchr",
-	      "plantuml",
-	      "rackdiag",
-	      "seqdiag",
-	      "structurizr",
-	      "svgbob",
-	      "symbolator",
-	      "tikz",
-	      "vega",
-	      "vegalite",
-	      "wavedrom",
-	      "wireviz",
-	    ]
   </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>