fix: #27 add mermaid options

Author: ravenq

src/markdown-it-plugin-mermaid.js

@@ -9,30 +9,12 @@ const mermaidChart = (code) => {
   }
 }
 
-const MermaidPlugin = (md) => {
+const MermaidPlugin = (md, opts) => {
   md.mermaid = mermaid
-  mermaid.loadPreferences = (preferenceStore) => {
-    let mermaidTheme = preferenceStore.get('mermaid-theme')
-    if (mermaidTheme === undefined) {
-      mermaidTheme = 'default'
-    }
-    let ganttAxisFormat = preferenceStore.get('gantt-axis-format')
-    if (ganttAxisFormat === undefined) {
-      ganttAxisFormat = '%Y-%m-%d'
-    }
-    mermaid.initialize({
-      theme: mermaidTheme,
-      gantt: { axisFormatter: [
-        [ganttAxisFormat, (d) => {
-          return d.getDay() === 1
-        }]
-      ]}
-    })
-    return {
-      'mermaid-theme': mermaidTheme,
-      'gantt-axis-format': ganttAxisFormat
-    }
+  opts = opts || {
+    theme: 'default'
   }
+  mermaid.initialize(opts)
 
   const temp = md.renderer.rules.fence.bind(md.renderer.rules)
   md.renderer.rules.fence = (tokens, idx, options, env, slf) => {

src/markdown-it-vue.vue

@@ -48,6 +48,9 @@ const DEFAULT_OPTIONS_GITHUBTOC = {
   anchorClassName: 'anchor',
   anchorLinkSymbolClassName: 'octicon octicon-link'
 }
+const DEFAULT_OPTIONS_MERMAID = {
+   theme: 'default'
+}
 
 export default {
   name: 'markdown-it-vue',
@@ -65,7 +68,8 @@ export default {
           linkAttributes: DEFAULT_OPTIONS_LINK_ATTRIBUTES,
           katex: DEFAULT_OPTIONS_KATEX,
           tasklists: DEFAULT_OPTIONS_TASKLISTS,
-          githubToc: DEFAULT_OPTIONS_GITHUBTOC
+          githubToc: DEFAULT_OPTIONS_GITHUBTOC,
+          mermaid: DEFAULT_OPTIONS_MERMAID
         }
       }
     }
@@ -111,6 +115,7 @@ export default {
     const optKatex = this.options.katex || DEFAULT_OPTIONS_KATEX
     const optTasklists = this.options.tasklists || DEFAULT_OPTIONS_TASKLISTS
     const optGithubToc = this.options.githubToc || DEFAULT_OPTIONS_GITHUBTOC
+    const optMermaid = this.options.mermaid || DEFAULT_OPTIONS_MERMAID
 
     let md = new MarkdownIt(optMarkdownIt)
       .use(MarkdownItEmoji)
@@ -124,7 +129,7 @@ export default {
       .use(MarkdownItHighlight)
       .use(MarkdownItLatex)
       .use(MarkdownItSourceMap)
-      .use(MarkdownItMermaid)
+      .use(MarkdownItMermaid, optMermaid)
       .use(MarkdownItEcharts)
       .use(MarkdownItFlowchart)
       .use(MarkdownItLinkAttributes, linkAttributes)