docusaurus.config.js

@@ -13,6 +13,10 @@ module.exports = {
 	favicon: 'img/favicon.ico',
 	organizationName: 'StardustXR', // Usually your GitHub org/user name.
 	projectName: 'website', // Usually your repo name.
+	markdown: {
+		mermaid: true,
+	},
+	themes: ['@docusaurus/theme-mermaid'],
 	themeConfig: {
 		colorMode: {
 			defaultMode: "dark",

package.json

@@ -14,8 +14,9 @@
 		"write-heading-ids": "docusaurus write-heading-ids"
 	},
 	"dependencies": {
-		"@docusaurus/core": "2.0.0-beta.3",
-		"@docusaurus/preset-classic": "2.0.0-beta.3",
+		"@docusaurus/core": "2.4.1",
+		"@docusaurus/preset-classic": "2.4.1",
+		"@docusaurus/theme-mermaid": "2.4.1",
 		"@mdx-js/react": "^1.6.21",
 		"@svgr/webpack": "^5.5.0",
 		"clsx": "^1.1.1",