feat: add mermaid

assets/js/mermaid.js

@@ -0,0 +1,10 @@
+var config = {
+  theme: 'default',
+  fontFamily: '"Jost", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";',
+};
+
+/* eslint-disable no-undef */
+
+mermaid.initialize(config);
+
+/* eslint-enable no-undef */

assets/scss/app.scss

@@ -22,6 +22,7 @@
 @import "components/code";
 @import "components/syntax";
 @import "components/comments";
+@import "components/diagrams";
 @import "components/forms";
 @import "components/images";
 @import "components/search";

assets/scss/components/_diagrams.scss

@@ -0,0 +1,8 @@
+.mermaid {
+  margin: 1.5rem 0;
+  padding: 1.5rem;
+}
+
+.mermaid svg {
+  height: auto;
+}