diff --git a/app/commit.json b/app/commit.json
index 953b106..8faa819 100644
--- a/app/commit.json
+++ b/app/commit.json
@@ -1 +1 @@
-{ "commit": "db8c65ec2ba2f28382cb5e792a3f7495fb9a8e03" }
+{ "commit": "d9ae9d5afbd0310a976fc4c9aee4b9256edef79a" }
diff --git a/app/components/editor/codemirror/languages.ts b/app/components/editor/codemirror/languages.ts
index 829221e..94d3072 100644
--- a/app/components/editor/codemirror/languages.ts
+++ b/app/components/editor/codemirror/languages.ts
@@ -1,6 +1,13 @@
 import { LanguageDescription } from '@codemirror/language';
 
 export const supportedLanguages = [
+  LanguageDescription.of({
+    name: 'VUE',
+    extensions: ['vue'],
+    async load() {
+      return import('@codemirror/lang-vue').then((module) => module.vue());
+    },
+  }),
   LanguageDescription.of({
     name: 'TS',
     extensions: ['ts'],
diff --git a/package.json b/package.json
index 0902bfa..15f4d99 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
     "@codemirror/lang-markdown": "^6.3.1",
     "@codemirror/lang-python": "^6.1.6",
     "@codemirror/lang-sass": "^6.0.2",
+    "@codemirror/lang-vue": "^0.1.3",
     "@codemirror/lang-wast": "^6.0.2",
     "@codemirror/language": "^6.10.6",
     "@codemirror/search": "^6.5.8",