The fastest way to inject Markdown into your Vue components.

The <Markdown> component makes it easier to use Markdown syntax in your Vue components.

It is useful when creating components that you want to use in your Markdown content.


  • use: The slot to bind on, you must provide a use via $slots.{your_slot} in <template>.
    • Type: String or Function
    • Example: $slots.default
    • Warning: Using a plain string won't let you profit from reactivity for that component.
  • unwrap: Whether to unwrap the content or not. This is useful when you want to extract the content nested in native Markdown syntax. Each specified tag will get removed from AST.
    • Type: Boolean or String
    • Default: false
    • Example: 'ul li'


<template>  <h2 class="fancy-header"><Markdown :use="$slots.default" unwrap="p" /></h2></template>
::fancy-headerThat text paragraph will be unwrapped.::