[](https://npmjs.com/package/@nuxtjs/markdownit) [](https://npmjs.com/packa
Using markdownit-loader and markdown-it
@nuxtjs/markdownit dependency using yarn or npm to your project@nuxtjs/markdownit to modules section of nuxt.config.jsjs
{
modules: [
'@nuxtjs/markdownit'
], // [optional] markdownit options
// See https://github.com/markdown-it/markdown-it
markdownit: {
preset: 'default',
linkify: true,
breaks: true,
use: [
'markdown-it-div',
'markdown-it-attrs'
]
}
}
`Usage
$3
TIP You can also write Vue logic inside !hello.vue:
`html
# Hello World! Current route is: {{ $route.path }}
`$3
hello.md
`md
Hello World!!
`hello.vue
`html
`$3
nuxt.config.js:
`js
{
modules: [
'@nuxtjs/markdownit'
],
markdownit: {
runtime: true // Support $md()
}
}
`hello.vue:
`html
``