chore: enable-mermaid

docs/docusaurus.config.js

@@ -33,6 +33,10 @@ const config = {
     defaultLocale: "en",
     locales: ["en"],
   },
+
+  markdown: {
+    mermaid: true,
+  },
 
   // Plugins we added
   plugins: [
@@ -58,9 +62,6 @@ const config = {
     ],
   ],
 
-  // Only for react live
-  themes: ["@docusaurus/theme-live-codeblock"],
-
   // The classic preset will relay each option entry to the respective sub plugin/theme.
   presets: [
     [
@@ -170,6 +171,8 @@ const config = {
         respectPrefersColorScheme: false,
       },
     }),
+    // Only for react live
+    themes: ["@docusaurus/theme-live-codeblock", "@docusaurus/theme-mermaid"],
 };
 
 module.exports = config;

docs/package.json

@@ -17,13 +17,14 @@
     "@docusaurus/core": "^2.4.3",
     "@docusaurus/preset-classic": "^2.4.3",
     "@docusaurus/theme-live-codeblock": "^2.4.3",
-    "@docusaurus/theme-mermaid": "^3.0.0",
+    "@docusaurus/theme-mermaid": "^2.4.3",
     "@headlessui/react": "^1.7.17",
     "@heroicons/react": "^2.0.18",
     "@mdx-js/react": "^1.6.22",
     "autoprefixer": "^10.4.16",
     "axios": "^1.5.1",
     "clsx": "^1.2.1",
+    "@docusaurus/plugin-content-docs": "2.4.3",
     "docusaurus-plugin-redoc": "^2.0.0",
     "docusaurus-plugin-sass": "^0.2.5",
     "docusaurus-theme-redoc": "^2.0.0",