feat: add Vue language to CodeMirror (#256)

stackblitz · Aug 18, 2024 · f9b265f · f9b265f
1 parent 3b480db
commit f9b265f
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/packages/components/react/package.json b/packages/components/react/package.json
@@ -62,6 +62,7 @@
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/lang-markdown": "^6.2.5",
     "@codemirror/lang-sass": "^6.0.2",
+    "@codemirror/lang-vue": "^0.1.3",
     "@codemirror/lang-wast": "^6.0.2",
     "@codemirror/language": "^6.10.2",
     "@codemirror/state": "^6.4.1",

diff --git a/packages/components/react/src/core/CodeMirrorEditor/languages.ts b/packages/components/react/src/core/CodeMirrorEditor/languages.ts
@@ -78,6 +78,13 @@ export const supportedLanguages = [
       return import('@codemirror/lang-wast').then((module) => module.wast());
     },
   }),
+  LanguageDescription.of({
+    name: 'Vue',
+    extensions: ['vue'],
+    async load() {
+      return import('@codemirror/lang-vue').then((module) => module.vue());
+    },
+  }),
   LanguageDescription.of({
     name: 'Svelte',
     extensions: ['svelte'],

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml