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?
"Awesome video! Easy to follow along with a lot of explanation into whats happening! Thanks a ton!"
—Ritika Singh
"Thank you for listening and being willing to put effort into helping us better understand Vue!"
—Kyle Collie
"Thank you for putting in the effort to make these videos and share with all!"
—Ritika Singh
"It's very helpful. Thank you for a great tutorial."
—Abdulaziz Al Ghafli
Take your career to the next level