Skip to content

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

License

Notifications You must be signed in to change notification settings

nuxtlabs/vscode-mdc

Repository files navigation

MDC - Markdown Components by NuxtLabs

MDC syntax highlight for Visual Studio Code

MDC Extension for VS Code MDC Extension for VS Code MDC Extension for VS Code

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

Best used with:

Or with Nuxt modules:

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