# vue-codemirror6

> CodeMirror6 Component for vue2 and vue3.

## Guide

- [Introduction](/vue-codemirror6/guide/introduction.md): What vue-codemirror6 is, which Vue versions it supports, and what it provides on top of CodeMirror 6.
- [Getting Started](/vue-codemirror6/guide/getting-started.md): Install vue-codemirror6, render a minimal editor, and register the component globally.
- [Usage](/vue-codemirror6/guide/usage.md): Everyday usage of vue-codemirror6 — v-model, slot content, read-only and disabled modes, key bindings, events, and UI translation.
- [Languages, Linters & Themes](/vue-codemirror6/guide/languages-and-themes.md): Configure syntax highlighting, linters, the lint gutter, themes, dark mode, and custom CodeMirror extensions in vue-codemirror6.
- [Internationalization](/vue-codemirror6/guide/i18n.md): Translate the CodeMirror UI (search panel, folding, lint panel, …) with the phrases prop.
- [Server-Side Rendering](/vue-codemirror6/guide/ssr.md): Using vue-codemirror6 with server-side rendering frameworks such as Nuxt.
- [Web Component](/vue-codemirror6/guide/web-components.md): Use vue-codemirror6 as a native custom element outside of Vue templates.
- [Bundling Tips](/vue-codemirror6/guide/bundling.md): Tips for keeping CodeMirror out of your main bundle when building an application that uses vue-codemirror6.

## API

- [API Overview](/vue-codemirror6/api/index.md): Overview of the vue-codemirror6 API — props, events, and the instance API exposed through a template ref.
- [Props](/vue-codemirror6/api/props.md): Complete list of props accepted by the vue-codemirror6 component, with types, defaults, and the CodeMirror option each one maps to.
- [Events](/vue-codemirror6/api/events.md): Events emitted by the vue-codemirror6 component and their payloads.
- [Instance API](/vue-codemirror6/api/instance.md): Properties and methods exposed by the vue-codemirror6 component instance, including CodeMirror 5 compatible helpers.

## Playground

- [Playground](/vue-codemirror6/playground.md): Live demo of vue-codemirror6 — Markdown editing, slot content, linting, read-only mode, and custom key bindings.