From d415b8638653d9e2b175cfb3e0ee0a528f66b84a Mon Sep 17 00:00:00 2001
From: Jeffrey Biles <bilesjeffrey@gmail.comgit config -l>
Date: Wed, 18 Mar 2020 16:41:47 -0700
Subject: [PATCH] Close modal with escape key

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

diff --git a/src/components/ModalView.vue b/src/components/ModalView.vue
index cf61608..c841ff1 100644
--- a/src/components/ModalView.vue
+++ b/src/components/ModalView.vue
@@ -9,6 +9,21 @@
 
 <script>
   export default {
+    mounted: function () {
+      window.addEventListener('keydown', this.onkey)
+    },
+    beforeUnmount: function () {
+      window.removeEventListener('keydown', this.onkey)
+    },
+    methods: {
+      onkey(event){
+        if(!this.isOpened) { return null }
+
+        if(event.key == 'Escape') {
+          this.closeModal()
+        }
+      }
+    },
     props: {
       isOpened: {
         type: Boolean,