# Punctuation

> Example showing how to use Comark with the punctuation plugin for smart quotes, dashes, and symbols in Vue and Vite.

<code-explorer org="comarkdown" repo="comark" path="examples/3.plugins/vue-vite-punctuation" defaultValue="src/App.vue">



</code-explorer>

## Features

This example demonstrates the punctuation plugin in Vue:

- **Smart quotes**: `"text"` → “text”, `'text'` → ‘text’
- **Dashes**: `--` → – (en-dash), `---` → — (em-dash)
- **Ellipsis**: `...` → …
- **Symbols**: `(c)` → ©, `(r)` → ®, `(tm)` → ™, `+-` → ±

## Usage

```vue
code,[object Object],span,[object Object],span,[object Object],<,span,[object Object],script,span,[object Object], setup,span,[object Object], lang,span,[object Object],=,span,[object Object],",span,[object Object],ts,span,[object Object],",span,[object Object],>,
,span,[object Object],span,[object Object],import,span,[object Object], {,span,[object Object], Comark,span,[object Object], },span,[object Object], from,span,[object Object], ',span,[object Object],@comark/vue,span,[object Object],',
,span,[object Object],span,[object Object],import,span,[object Object], punctuation ,span,[object Object],from,span,[object Object], ',span,[object Object],@comark/vue/plugins/punctuation,span,[object Object],',
,span,[object Object],span,[object Object],</,span,[object Object],script,span,[object Object],>,
,span,[object Object],
,span,[object Object],span,[object Object],<,span,[object Object],template,span,[object Object],>,
,span,[object Object],span,[object Object],  <,span,[object Object],Suspense,span,[object Object],>,
,span,[object Object],span,[object Object],    <,span,[object Object],Comark,span,[object Object], :plugins,span,[object Object],=,span,[object Object],",span,[object Object],[punctuation()],span,[object Object],",span,[object Object],>,span,[object Object],{{ markdown }},span,[object Object],</,span,[object Object],Comark,span,[object Object],>,
,span,[object Object],span,[object Object],  </,span,[object Object],Suspense,span,[object Object],>,
,span,[object Object],span,[object Object],</,span,[object Object],template,span,[object Object],>
```

## Learn More

- [Punctuation Plugin Documentation](/plugins/built-in/punctuation)
- [Comark Documentation](https://comark.dev)