From 8c759c4f23e177f80b60b249df81ac1b6bf20ccc Mon Sep 17 00:00:00 2001
From: busti <mbust@live.de>
Date: Sun, 29 Dec 2019 18:08:09 +0100
Subject: [PATCH] close modal on esc press

---
 src/components/Modal.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Modal.vue b/src/components/Modal.vue
index 9888b1e..d2001f5 100644
--- a/src/components/Modal.vue
+++ b/src/components/Modal.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="modal" tabindex="-1">
+    <div class="modal" tabindex="-1" @keyup.esc="$emit('close')">
         <div class="modal-dialog modal-xl">
             <div class="modal-content bg-dark text-light border-secondary">
                 <div class="modal-header">
@@ -30,7 +30,10 @@
 <script>
 export default {
   name: 'Modal',
-  props: ['title']
+  props: ['title'],
+  mounted() {
+    this.$el.focus();
+  }
 };
 </script>