This project is moved to the monorepo: https://github.com/d0rich/esprit
This layer allows you to use mermaid in your nuxt content markdown files.
- Add
@d0rich/nuxt-content-mermaiddependency to your project
npm install @d0rich/nuxt-content-mermaid # or yarn add @d0rich/nuxt-content-mermaid- Add
@d0rich/nuxt-content-mermaidto thebuildModulessection ofnuxt.config.ts
export default defineNuxtConfig({
extends: [
// Put this layer before one with nuxt content
'@d0rich/nuxt-content-mermaid'
]
})- Configure layer in
app.config.ts
export default defineAppConfig({
contentMermaid: {
enabled: true,
/**
* @default 'default'
* @description 'default' or '@nuxtjs/color-mode'
*/
color: 'default',
spinnerComponent: 'DAnimationSpinner'
}
})- Add code block to your markdown file with
mermaidlanguage specified.