Vue

A minimal example showing how to use MDC Syntax with Vue 3 and Vite.

src/App.vue

<script setup lang="ts">
import { MDC } from 'mdc-syntax/vue'
</script>

<template>
  <MDC markdown="# Hello *World*" />
</template>

This example demonstrates the simplest way to use MDC Syntax with Vue 3 - use the h() render function with the MDC component and pass it markdown content. The component handles parsing and rendering automatically.