# surmon-china/vue-codemirror

@codemirror code editor component for @vuejs

Repository: https://github.com/surmon-china/vue-codemirror
Canonical: https://ross.abutalabs.com/products/vue-codemirror
Homepage: https://github.surmon.me/vue-codemirror
Language: TypeScript
License: MIT
License Family: permissive
Topics: vue, codemirror, vue-codemirror, codemirror-component, vuejs, vue-component, codemirror-themes, codemirror-editor, code-editor, vue-plugin, web-editor, vue-code-editor, code-editor-component, vue3
Last push: 2024-02-21T17:12:32+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3632, "days_push": 924, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3479, forks 377 (observed 2026-08-28T04:08:06.826646+00:00)

## What it is
A Vue 3 component library that wraps CodeMirror 6, providing a code editor component with v-model support, theming, and language extension integration. It is distributed as an npm package and requires CodeMirror 6 packages to be installed alongside it.

## Use cases
- embed a code editor in a Vue 3 app
- add syntax-highlighted code editing to a web form
- build a browser-based code playground or mini IDE
- let users edit JSON, YAML, or SQL in a Vue dashboard
- customize editor themes and language modes in Vue
- replace a plain textarea with a rich code editor

## When to choose
- you are building with Vue 3 and want CodeMirror 6 features
- you need a maintained, MIT-licensed editor component with v-model binding
- you want fine-grained control via CodeMirror extensions, languages, and themes

## When to avoid
- you are on Vue 2 or CodeMirror 5 (use the legacy 4.x version instead)
- you need a full IDE experience out of the box rather than a component
- you require UMD/script-tag browser usage without a bundler

## Facets
- artifact type: library
- maturity: stable
- function: ui-components, editor, frontend-framework
- domain: web-development, frontend, developer-tools, text-editors
- platform: cross-platform
- tags: vue, vue3, codemirror, code-editor, vue-component, syntax-highlighting, web-editor, web-server, nodejs

## Member repositories
- surmon-china/vue-codemirror (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:06.826646+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:36:28.852382+00:00, confidence not recorded.
  - readme: https://github.com/surmon-china/vue-codemirror (fetched 2026-08-28T04:08:06.826646+00:00, sha 35d80a1731a2)
  - homepage: https://github.surmon.me/vue-codemirror (fetched 2026-08-29T09:30:37.514726+00:00, sha 0f582aa21cfb)
  - registry_npm: https://registry.npmjs.org/vue-codemirror (fetched 2026-08-29T09:30:37.523497+00:00, sha 860054e52598)
- Data as of 2026-08-30T08:39:29.467469+00:00.