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?
"Such an excellent video! Your explanations are so clear. This is the first time where I don't feel burned out in a 40min+ video tutorial. Thank you so much!"
—João Victor Valentim
"Awesome!!"
—Mohamad Nasir
"Quality tutorial, thanks a lot!"
—Jay Pick
"Awesome!!"
—Mohamad Nasir
Take your career to the next level