Video 7 - Close modal when hitting escape key

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
       }