@codemirror/lang-vue

Vue template support for the CodeMirror code editor
71,371,417 29
Install
npm install @codemirror/lang-vue
Latest Version:0.1.3
License:MIT
Last Updated:Apr 15, 2026
Links: GitHub  ·  npm
Maintainer: marijn

This repository has moved to https://code.haverbeke.berlin/codemirror/lang-vue

@codemirror/lang-vue NPM version

[ WEBSITE | ISSUES | FORUM | CHANGELOG ]

This package implements Vue template support for the CodeMirror code editor.

The project page has more information, a number of examples and the documentation.

This code is released under an MIT license.

We aim to be an inclusive, welcoming community. To make that explicit, we have a code of conduct that applies to communication around the project.

Usage

import {EditorView, basicSetup} from "codemirror"
import {vue} from "@codemirror/lang-vue"

const view = new EditorView({
  parent: document.body,
  doc: `<p>{{ message }}</p>`,
  extensions: [basicSetup, vue()]
})

API Reference

vue(config⁠?: Object = {}) → LanguageSupport

Vue template support.

config
base⁠?: LanguageSupport

Provide an HTML language configuration to use as a base. Must be the result of calling html() from @codemirror/lang-html, not just any LanguageSupport object.

vueLanguage: LRLanguage

A language provider for Vue templates.

Related Packages

vue-cm

CodeMirror component for Vue.js

969 45
vuejs-ace-editor

ace editor for vuejs

57,841 2
vue2-code-editor

Vue2-code-editor is a front-end code editor for vue development based on ace.

21,529 2
@gaoding/collage-editor

An editor to help user to create collage photos easily

4,989

Version History

Version Released License
0.1.3 MIT
0.1.2 MIT
0.1.1 MIT
0.1.0 MIT