From fa0cb214f8b19b747863b851f4f518cf978d8b4b Mon Sep 17 00:00:00 2001
From: Jeffrey Biles <bilesjeffrey@gmail.comgit config -l>
Date: Wed, 1 Jul 2020 18:03:46 -0700
Subject: [PATCH] Video 7 - Close modal when hitting 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 857a33a..b7dee00 100644
--- a/src/components/ModalView.vue
+++ b/src/components/ModalView.vue
@@ -8,8 +8,23 @@
 </template>
 
 <script>
+  import { onBeforeUnmount } from 'vue'
+  
   export default {
     setup(props, {emit}) {
+      let onKeydown = (event) => {
+        console.log(event.key)
+        
+        if(event.key == 'Escape') {
+          emit('closeModal')
+        }
+      }
+
+      window.addEventListener('keydown', onKeydown)
+      onBeforeUnmount(()=>{
+        window.removeEventListener('keydown', onKeydown)
+      })
+
       return {
         emit
       }