From 1ab74d67caf5b4d37cb39c4ca7e7bca3c8107dd6 Mon Sep 17 00:00:00 2001
From: grimhilt <grimhilt@users.noreply.github.com>
Date: Tue, 11 Apr 2023 19:15:35 +0200
Subject: [PATCH] close on escape

---
 front/src/components/modals/Modal.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/front/src/components/modals/Modal.vue b/front/src/components/modals/Modal.vue
index 699144d..bf3af9c 100644
--- a/front/src/components/modals/Modal.vue
+++ b/front/src/components/modals/Modal.vue
@@ -1,14 +1,25 @@
 <script setup>
 import { vOnClickOutside } from "@vueuse/components";
-import { defineEmits, defineProps } from "vue";
+import { defineEmits, defineProps, onMounted, onUnmounted } from "vue";
 
 const emit = defineEmits(["close-modal"]);
 const props = defineProps({ title: String });
 
-// todo close on escape
 function close() {
     emit("close-modal");
 }
+
+function keyUpHandler(e) {
+    if (e.key == "Escape") close();
+}
+
+onMounted(() => {
+    window.addEventListener("keyup", keyUpHandler);
+});
+
+onUnmounted(() => {
+    window.removeEventListener("keyup", keyUpHandler);
+});
 </script>
 
 <template>