Intro to Markdown and Syntax Highlighting
1:15
Displaying Markdown with marked.js
3:53
Building the MarkdownDisplay Component
3:49
Code Highlighting with HighlightJS
5:59
LivePreview Editor
4:50
Review and Look Ahead
1:37
0% done with Markdown and Syntax Highlighting in VueJS, compatible with Nuxt and SSR

Chapter 22 of 27 in Building VueScreencasts.com
Building the MarkdownDisplay Component

In this lesson we create a component that displays Markdown, encapsulating all the logic with marked.js.

This isn't a very complex component yet, but this encapsulation will pay off as the amount we want to do with our markdown grows.

What do others think of VueScreencasts?
"Thanks for this series! Very helpful and good to follow."
—Raúl Wallaart
"EXCELLENT video series so far!"
—D Durham
"You deserve more views and subs man"
—Jijin Jayakumar
"Your series has really helped... even for seasoned developers!"
—D Durham
Take your career to the next level