in settings, implement pressing Escape key to exit settings (#29)

naeruru · Feb 3, 2024 · fa4fbc5 · fa4fbc5
1 parent 9b52b02
commit fa4fbc5
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/pages/Settings.vue b/src/pages/Settings.vue
@@ -172,11 +172,21 @@ export default {
           this.update_available = true
       })
     }
+
+    window.addEventListener('keydown', this.handleKeyDown)
+  },
+  unmounted() {
+    window.removeEventListener('keydown', this.handleKeyDown)
   },
   methods: {
     open_external(link: string) {
       window.open(link, '_blank')
     },
+    handleKeyDown(event: KeyboardEvent) {
+      if (event.key === 'Escape') {
+        this.$router.push({ path: '/' })
+      }
+    },
   },
 }
 </script>