MDC syntax highlight for Visual Studio Code

Provides syntax highlighting and colon (:) matching for MDC (Markdown Components) files.

• Download VS Code extension

Best used with:

• Remark MDC
• Markdown It MDC

Or with Nuxt modules:

• Nuxt MDC
• Nuxt Content

Features

Block Components

::card
---
icon: IconNuxt
title: A complex card.
---

Default slot

#description
  ::alert
    Description slot
  ::
::

Inline Components

:button-link[A button link]{.text-bold}
<!-- or -->
:button-link{.text-bold}[A button link]

Span Text

Hello [World]!

Attributes

Hello [World]{.text-primary-500}!

[Link](#link){.text-primary-500 ref="noopener"}!

**Bold Text**{style="color: tomato"}

`Inline Code`{style="background: #333"}

_Italic Text_{#italic_text}

For more information

• MDC Syntax Reference