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?
"<3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3"
—Aymen Oppa Software
"Really nice, thank you."
—WaterCamelsHowLong
"Here I found answers to questions that I couldn't formulate before."
—Almas Kamitov
Take your career to the next level