From 38d7a4bab8fe8a7bf6641a97d15a0ccc867e4ca9 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Sat, 7 May 2022 15:30:43 +0900
Subject: [PATCH] refs #3300 Handle shortcut keys in Preferences

---
 src/renderer/components/Preferences.vue              | 6 ++++++
 src/renderer/components/Preferences/Notification.vue | 3 +--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/Preferences.vue b/src/renderer/components/Preferences.vue
index 206be273..ee8b5e73 100644
--- a/src/renderer/components/Preferences.vue
+++ b/src/renderer/components/Preferences.vue
@@ -57,6 +57,7 @@
 <script lang="ts">
 import { defineComponent, computed } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
+import { useMagicKeys, whenever } from '@vueuse/core'
 import { useStore } from '@/store'
 
 export default defineComponent({
@@ -65,10 +66,15 @@ export default defineComponent({
     const store = useStore()
     const router = useRouter()
     const route = useRoute()
+    const { escape } = useMagicKeys()
 
     const primaryColor = computed(() => store.state.App.theme.primary_color)
     const backgroundColor = computed(() => store.state.App.theme.background_color)
 
+    whenever(escape, () => {
+      close()
+    })
+
     const close = () => {
       router.push({ path: '/', query: { redirect: 'home' } })
     }
diff --git a/src/renderer/components/Preferences/Notification.vue b/src/renderer/components/Preferences/Notification.vue
index 2a8456d9..1546e255 100644
--- a/src/renderer/components/Preferences/Notification.vue
+++ b/src/renderer/components/Preferences/Notification.vue
@@ -134,8 +134,7 @@ export default defineComponent({
       notifyPollVote,
       notifyPollExpired
     }
-  },
-  created() {}
+  }
 })
 </script>