Syntax Highlighting for Markdown in Svelte Templates

This extension adds syntax highlighting to – and snippets for – the @samplekit/preprocess-markdown NPM package.

The NPM package allows you to write Markdown (via Marked) directly in Svelte templates without disrupting other tools like svelte-check, Prettier, ESLint, TypeScript, etc.

Examples

Without Extension

With Extension

Supported Syntax

The supported syntax matches that of the NPM package's preprocessor.

In Svelte markup, wrap Markdown with <!-- md-start md-end -->.

Links

• Docs
• Extension on the VSCode Marketplace
• Extension Source
• Companion NPM Package
• Companion Package Source