feat: zoom in/out with Cmd+/Cmd-/Cmd+0

src/App.vue

@@ -32,6 +32,34 @@
   </div>
 </template>
 
+<script setup lang="ts">
+import { onMounted, onUnmounted, ref } from 'vue'
+import { invoke } from '@tauri-apps/api/core'
+
+let currentZoom = ref(1.0)
+
+function handleKeydown(e: KeyboardEvent) {
+  if ((e.metaKey || e.ctrlKey)) {
+    if (e.key === '=' || e.key === '+') {
+      e.preventDefault()
+      currentZoom.value = Math.min(currentZoom.value + 0.1, 3.0)
+      invoke('set_zoom', { zoomFactor: currentZoom.value }).catch(() => {})
+    } else if (e.key === '-') {
+      e.preventDefault()
+      currentZoom.value = Math.max(currentZoom.value - 0.1, 0.5)
+      invoke('set_zoom', { zoomFactor: currentZoom.value }).catch(() => {})
+    } else if (e.key === '0') {
+      e.preventDefault()
+      currentZoom.value = 1.0
+      invoke('set_zoom', { zoomFactor: 1.0 }).catch(() => {})
+    }
+  }
+}
+
+onMounted(() => document.addEventListener('keydown', handleKeydown))
+onUnmounted(() => document.removeEventListener('keydown', handleKeydown))
+</script>
+
 <style>
 @import './assets/wordpress-exact.css';
 </style>