feat(menu): add font size adjustment actions to editor menu

Author: antonreshetov

src/main/menu/main.ts

@@ -163,6 +163,24 @@ const editorMenuItems: MenuConfig[] = [
     accelerator: 'Shift+CommandOrControl+F',
     click: () => send('main-menu:format'),
   },
+  {
+    type: 'separator',
+  },
+  {
+    label: i18n.t('menu:editor.fontSizeIncrease'),
+    accelerator: 'CommandOrControl+=',
+    click: () => send('main-menu:font-size-increase'),
+  },
+  {
+    label: i18n.t('menu:editor.fontSizeDecrease'),
+    accelerator: 'CommandOrControl+-',
+    click: () => send('main-menu:font-size-decrease'),
+  },
+  {
+    label: i18n.t('menu:editor.fontSizeReset'),
+    accelerator: 'CommandOrControl+0',
+    click: () => send('main-menu:font-size-reset'),
+  },
 ]
 
 const menuItems: MenuItemConstructorOptions[] = [

src/main/types/ipc.ts

@@ -11,6 +11,9 @@ type MainMenuAction =
   | 'new-fragment'
   | 'new-snippet'
   | 'open-dialog'
+  | 'font-size-increase'
+  | 'font-size-decrease'
+  | 'font-size-reset'
 
 type DBAction = 'relaod' | 'move' | 'migrate' | 'clear'
 type SystemAction = 'reload'

src/renderer/components/editor/Editor.vue

@@ -86,6 +86,18 @@ async function init() {
 
   editor.on('scroll', hideScrollbar)
 
+  ipc.on('main-menu:font-size-increase', () => {
+    settings.fontSize++
+  })
+
+  ipc.on('main-menu:font-size-decrease', () => {
+    settings.fontSize--
+  })
+
+  ipc.on('main-menu:font-size-reset', () => {
+    settings.fontSize = 13
+  })
+
   watch(selectedSnippetContent, (v) => {
     nextTick(() => {
       setValue(v?.value || '')
@@ -108,6 +120,15 @@ async function init() {
       editor?.setOption('theme', 'neo')
     }
   })
+
+  watch(
+    () => settings.fontSize,
+    () => {
+      nextTick(() => {
+        editor?.refresh()
+      })
+    },
+  )
 }
 
 function setValue(value: string, programmatic = true) {