From 1786c0554a3f347924a0a1d36c8b2684eb45ac86 Mon Sep 17 00:00:00 2001
From: Lukas <lukas@slucky.de>
Date: Fri, 18 Nov 2022 11:42:04 +0100
Subject: [PATCH] Dismiss popups with escape (#1426)

Co-authored-by: Anbraten <anton@ju60.de>
---
 web/src/components/layout/Popup.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/web/src/components/layout/Popup.vue b/web/src/components/layout/Popup.vue
index a21dbaf63..1cb2d5201 100644
--- a/web/src/components/layout/Popup.vue
+++ b/web/src/components/layout/Popup.vue
@@ -14,11 +14,23 @@
 </template>
 
 <script lang="ts" setup>
-defineProps<{
+import { onKeyStroke } from '@vueuse/core';
+import { toRef } from 'vue';
+
+const props = defineProps<{
   open: boolean;
 }>();
 
-defineEmits<{
+const emit = defineEmits<{
   (event: 'close'): void;
 }>();
+
+const open = toRef(props, 'open');
+
+onKeyStroke('Escape', (e) => {
+  e.preventDefault();
+  if (open.value) {
+    emit('close');
+  }
+});
 </script>