Markdown

<script setup lang="ts">
import { Html, Markdown } from '@vuemaildev/vuemail';

const markdown = `# Hello, World!

This is a ~~strikethrough~~`;
</script>

<template>
  <Html lang="en" dir="ltr">
    <Markdown
      :markdown-custom-styles="{
        h1: { color: 'red' },
        h2: { color: 'blue' },
        codeInline: { background: 'grey' },
      }"
      :markdown-container-styles="{
        padding: '12px',
        border: 'solid 1px black',
      }"
      :source="markdown"
    />

    <!-- OR -->

    <Markdown>{{ markdown }}</Markdown>
  </Html>
</template>