Merge pull request #187 from ren-yamanashi/183-feat-render-mermaid

feat:💪 render mermaid in md #183

book/online-book/.vitepress/config/index.ts

@@ -1,9 +1,15 @@
-import { defineConfig } from "vitepress";
 import { sharedConfig } from "./shared.js";
 import { jaConfig } from "./ja";
 import { enConfig } from "./en.js";
+import { withMermaid } from "vitepress-plugin-mermaid";
+import { defineConfig } from "vitepress";
+
 
-export default defineConfig({
+// The same situation as the issue below is occurring, so mermaid is rendered only during production build.
+// https://github.com/iamkun/dayjs/issues/480
+export default (process.env.NODE_ENV === "production"
+  ? withMermaid
+  : defineConfig)({
   ...sharedConfig,
   locales: {
     root: { label: "Japanese", lang: "ja", link: "/", ...jaConfig },

package.json

@@ -44,6 +44,7 @@
     "tsx": "^4.7.0",
     "typescript": "^5.2.2",
     "vitepress": "1.0.0-rc.4",
+    "vitepress-plugin-mermaid": "^2.0.16",
     "vitest": "^0.29.2"
   },
   "volta": {