From 36ff0f9642e591686d4bfb32c229df21f310a732 Mon Sep 17 00:00:00 2001
From: K <1175047471@qq.com>
Date: Wed, 20 Mar 2024 10:13:49 +0800
Subject: [PATCH] =?UTF-8?q?feat(CodeEditor):=20=E4=B8=BB=E9=A2=98=E6=9B=B4?=
 =?UTF-8?q?=E6=8D=A2=E4=B8=BA=20oneDark?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                         |  1 +
 pnpm-lock.yaml                                       | 12 ++++++++++++
 .../CodeEditor/src/codemirror/CodeMirror.vue         |  2 ++
 3 files changed, 15 insertions(+)

diff --git a/package.json b/package.json
index 8e0e9b4f..3e11a1b1 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/state": "^6.4.1",
+    "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.25.1",
     "@vueuse/core": "^10.6.1",
     "@zxcvbn-ts/core": "^3.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 80353256..aee7cc95 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -23,6 +23,9 @@ dependencies:
   '@codemirror/state':
     specifier: ^6.4.1
     version: 6.4.1
+  '@codemirror/theme-one-dark':
+    specifier: ^6.1.2
+    version: 6.1.2
   '@codemirror/view':
     specifier: ^6.25.1
     version: 6.25.1
@@ -1664,6 +1667,15 @@ packages:
     resolution: {integrity: sha512-QkEyUiLhsJoZkbumGZlswmAhA7CBU02Wrz7zvH4SrcifbsqwlXShVXg65f3v/ts57W3dqyamEriMhij1Z3Zz4A==}
     dev: false
 
+  /@codemirror/theme-one-dark@6.1.2:
+    resolution: {integrity: sha512-F+sH0X16j/qFLMAfbciKTxVOwkdAS336b7AXTKOZhy8BR3eH/RelsnLgLFINrpST63mmN2OuwUt0W2ndUgYwUA==}
+    dependencies:
+      '@codemirror/language': 6.10.1
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.25.1
+      '@lezer/highlight': 1.2.0
+    dev: false
+
   /@codemirror/view@6.25.1:
     resolution: {integrity: sha512-2LXLxsQnHDdfGzDvjzAwZh2ZviNJm7im6tGpa0IONIDnFd8RZ80D2SNi8PDi6YjKcMoMRK20v6OmKIdsrwsyoQ==}
     dependencies:
diff --git a/src/components/CodeEditor/src/codemirror/CodeMirror.vue b/src/components/CodeEditor/src/codemirror/CodeMirror.vue
index 3e4ffd47..6becfa10 100644
--- a/src/components/CodeEditor/src/codemirror/CodeMirror.vue
+++ b/src/components/CodeEditor/src/codemirror/CodeMirror.vue
@@ -8,6 +8,7 @@ import { EditorState } from '@codemirror/state'
 import { javascript } from '@codemirror/lang-javascript'
 import { json } from '@codemirror/lang-json'
 import { indentWithTab } from '@codemirror/commands'
+import { oneDark } from '@codemirror/theme-one-dark'
 import { MODE } from './../typing'
 
 const props = defineProps({
@@ -67,6 +68,7 @@ async function init() {
         emit('change', context)
       })),
       EditorState.readOnly.of(props.readonly),
+      oneDark,
     ],
   })