A minimal example showing how to use Comark with Vue and Vite.
App.vue
<script setup lang="ts">
import { Comark } from '@comark/vue'
import Alert from './components/Alert.vue'

const markdown = `
# Hello *World*

::alert{type="info"}
This is an alert!
::
`
</script>

<template>
  <Suspense>
    <Comark
      :components="{ Alert }"
    >
      {{ markdown }}
    </Comark>
  </Suspense>
</template>

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

Copyright © 2026