---
title: "Vue Markdown Example with Vite"
description: "A Vue and Vite app that renders a Markdown blog, a syntax showcase, and a live editor with Comark and a custom alert component."
canonical_url: "https://comark.dev/examples/vite/vue"
---
# Vue Markdown Example with Vite

> A Vue and Vite app that renders a Markdown blog, a syntax showcase, and a live editor with Comark and a custom alert component.

::code-explorer
```yaml [props]
org: comarkdown
repo: comark@81a416b278b0f304d7e7577c7ac6bbfc78414790
path: examples/2.vite/vue
defaultValue: content/posts/comark-syntax.md
```
::

::browser{src="https://comark-vue.vercel.app/#/blog/comark-syntax"}
::

This example shows the quickest way to use Comark with Vue - use the `Markdown` component and pass it markdown content. The component handles parsing and rendering automatically.


## Sitemap

See the full [sitemap](https://comark.dev/sitemap.md) for all pages.