# @markmirror/vue

> Vue components for MarkMirror editor

Latest version **0.3.0** (published 2023-03-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install @markmirror/vue
pnpm add @markmirror/vue
yarn add @markmirror/vue
bun add @markmirror/vue
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.0 |
| Published | 2023-03-11 |
| First published | 2022-06-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM |
| Dependencies | 3 |
| Unpacked size | 7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Hsiaoming Yang |
| Maintainers | lepture |
| Keywords | markdown, editor |

## Links

- npm: https://www.npmjs.com/package/@markmirror/vue
- Repository: https://github.com/markmirror/vue
- Homepage: https://github.com/markmirror/vue#readme
- Issues: https://github.com/markmirror/vue/issues
- npm.io page: https://npm.io/package/@markmirror/vue

## Dependencies (3)

- [@codemirror/view](https://npm.io/package/@codemirror/view.md) ^6.0.0
- [@markmirror/core](https://npm.io/package/@markmirror/core.md) ^0.3.0
- [@markmirror/commands](https://npm.io/package/@markmirror/commands.md) ^0.3.0

## Alternatives

- [@mdxeditor/editor](https://npm.io/package/@mdxeditor/editor.md) — 962.4K weekly downloads
- [mmdb-lib](https://npm.io/package/mmdb-lib.md) — 680.9K weekly downloads
- [playcanvas](https://npm.io/package/playcanvas.md) — 36.2K weekly downloads
- [@glw907/cairn-cms](https://npm.io/package/@glw907/cairn-cms.md) — 967 weekly downloads
- [markdown-to-confluence](https://npm.io/package/markdown-to-confluence.md) — 103 weekly downloads

## Recent versions

- 0.3.0 (latest) — 2023-03-11
- 0.2.1 — 2022-06-09
- 0.2.0 — 2022-06-08

## README

# @markmirror/vue

Vue components for MarkMirror Markdown editor.

## Usage

```html
<template>
  <editor-menubar :editor="editor" :menus="['bold', 'italic', '|', 'hr']" />
  <editor-content :editor="editor" v-model="doc">
</template>

<script>
import "@markmirror/menubar/style.css"
import { Editor, EditorContent, Menubar as EditorMenubar } from "@markmirror/vue"

export default {
  components: {
    EditorContent,
    EditorMenubar,
  },
  data () {
    const editor = new Editor()
    return { editor, doc: '' }
  },
}
</script>
```

---
_Source: https://npm.io/package/@markmirror/vue · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._