Merge pull request tiny-craft#129 from kt286/realtime-editor-config

feat: update editor config realtime
chorchee · Jan 23, 2024 · 3c70032 · 3c70032
2 parents ff2043c + 94d642c
commit 3c70032
Showing 1 changed file with 44 additions and 0 deletions.
diff --git a/frontend/src/components/content_value/ContentEditor.vue b/frontend/src/components/content_value/ContentEditor.vue
@@ -150,6 +150,50 @@ watch(
     },
 )
 
+watch(
+    () => pref.editorFont.fontSize,
+    (fontSize) => {
+        if (editorNode != null) {
+            editorNode.updateOptions({
+                fontSize,
+            })
+        }
+    },
+)
+
+watch(
+    () => pref.editorFont.fontFamily,
+    (fontFamily = undefined) => {
+        if (editorNode != null) {
+            editorNode.updateOptions({
+                fontFamily,
+            })
+        }
+    },
+)
+
+watch(
+    () => pref.showLineNum,
+    (showLineNum) => {
+        if (editorNode != null) {
+            editorNode.updateOptions({
+                lineNumbers: showLineNum ? 'on' : 'off',
+            })
+        }
+    },
+)
+
+watch(
+    () => pref.showFolding,
+    (showFolding) => {
+        if (editorNode != null) {
+            editorNode.updateOptions({
+                folding: showFolding !== false,
+            })
+        }
+    },
+)
+
 onUnmounted(() => {
     destroyEditor()
 })