search

emersonbottero / vitepress-plugin-mermaid

Add mermaid support for Vitepress
MIT License
87 stars 20 forks source link

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

Open altrusl opened 1 month ago

altrusl commented 1 month ago

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 
  },
});