emersonbottero/vitepress-plugin-mermaid

The language 'mmd' is not loaded, falling back to 'txt' for syntax highlighting.

Closed this issue · 1 comments

altrusl commented

Does it work with the latest versions of Vue and Vite?

package.json

  "dependencies": {
    "vue": "^3.4.37"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.1.2",
    "mermaid": "^10.9.1",
    "typescript": "^5.5.4",
    "vite": "^5.4.0",
    "vitepress": "^1.3.2",
    "vitepress-plugin-mermaid": "^2.0.16",
    "vue-tsc": "^2.0.29"
  }

output

vitepress v1.3.2

  ➜  Local:   http://localhost:5174/
  ➜  Network: http://192.168.1.101:5174/
  ➜  press h to show help

The language 'mmd' is not loaded, falling back to 'txt' for syntax highlighting.

vite.config.ts

import { withMermaid } from "vitepress-plugin-mermaid";

export default withMermaid({
plugins: [vue()],
// your existing vitepress config...
// optionally, you can pass MermaidConfig
mermaid: {
  // refer https://mermaid.js.org/config/setup/modules/mermaidAPI.html#mermaidapi-configuration-defaults for options
},
// optionally set additional config for plugin itself with MermaidPluginConfig
mermaidPlugin: {
  class: "mermaid my-class", // set additional css classes for parent container 
},
});