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?
"Wow Im gonna follow your video tutorial journey :D"
—Mathias Jacobsen
"Thank you for putting in the effort to make these videos and share with all!"
—Ritika Singh
"Amazing!!!!! Need this so much!!!!!!"
—Nathan Yang
"Thank you so much."
—Ayoub Hammoudan
Take your career to the next level