From 9c26bfae90fbc4b2b3699d27ad87052687e63f3e Mon Sep 17 00:00:00 2001
From: Jeffrey Biles <bilesjeffrey@gmail.comgit config -l>
Date: Sun, 29 Mar 2020 15:16:32 -0700
Subject: [PATCH] Escape key closes down modal

---
 src/components/ModalView.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/components/ModalView.vue b/src/components/ModalView.vue
index 1543522..4d0b906 100644
--- a/src/components/ModalView.vue
+++ b/src/components/ModalView.vue
@@ -8,7 +8,22 @@
 </template>
 
 <script>
+  import { onBeforeUnmount } from 'vue';
+
   export default {
+    setup({closeModal}){
+      let onKeydown = (event) => {
+        if(event.key == 'Escape') {
+          closeModal()
+        }
+      }
+
+      window.addEventListener('keydown', onKeydown)
+
+      onBeforeUnmount(() => {
+        window.removeEventListener('keydown', onKeydown)
+      })
+    },
     props: {
       closeModal: {
         type: Function,