fix(editor): use configured tab size for block indentation (#678)

Author: antonreshetov

src/renderer/components/editor/Editor.vue

@@ -129,6 +129,8 @@ async function init() {
     lineWrapping: settings.wrap,
     lineNumbers: true,
     tabSize: settings.tabSize,
+    indentUnit: settings.tabSize,
+    indentWithTabs: true,
     autoCloseBrackets: true,
     matchBrackets: settings.matchBrackets,
     styleActiveLine: settings.highlightLine,
@@ -252,6 +254,16 @@ async function init() {
     },
   )
 
+  watch(
+    () => settings.tabSize,
+    (tabSize) => {
+      const normalizedTabSize = Math.max(1, Number(tabSize) || 1)
+
+      editor?.setOption('tabSize', normalizedTabSize)
+      editor?.setOption('indentUnit', normalizedTabSize)
+    },
+  )
+
   watch(searchQuery, () => {
     nextTick(() => {
       updateSearchOverlay()