How to use Markdown content in Nuxt 2 and Typescript

Markdown in Nuxt

Installing dependencies

Install Nuxt's Markdown module.

Install Markdown attrs dependency.

Install Markdown div dependency.

Add Markdown types in tsconfig.json

                                
                                        // tsconfig.json
"types": [
  "@nuxtjs/markdownit"
]
                                    
                            

Render content in the template:

                                <!-- content is where your content that needs to be render -->
<div v-html="$md.render(content)"></div>
                            

Tags: Nuxt