Documentation

Render Markdown

Use this component to render markdown content client-side. It wraps rendered HTML in the <BaseProse> component, applying the Tailwind CSS prose class from the typography plugin.

This component uses remark and rehype to parse and render the markdown content.
Show code
vue
source
Markdown source
Required
Show example
vue
fullwidth
Don't wrap content in default tailwind prose size
Show example
vue
langs
List of languages to highlight code blocks
Show example
vue
lines
Show line numbers
Show example
vue
mode
Show example
vue
size
Prose size modifier
Show example
vue
themes
Theme to use to highlight code blocks
Show example
vue