MDC for Visual Studio Code

Provides syntax highlighting and colon (:) matching for MDC (Markdown Components) files for 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](https://github.com/nuxtlabs/vscode-mdc/issues/333)"}

_Italic Text_{#italic_text}

For more information

• MDC Syntax Reference