From 12f7f0e9ab18a556ef6b7437076d0bae0286a17b Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 8 Feb 2021 20:06:16 +0100
Subject: [PATCH] lesson 133: close the dialog when clicking the background

---
 .../src/components/UI/BaseDialog.vue                        | 5 +++--
 .../src/components/resources/AddResource.vue                | 6 +++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/2021-02-08 prj-cmp-01-starting-setup/src/components/UI/BaseDialog.vue b/2021-02-08 prj-cmp-01-starting-setup/src/components/UI/BaseDialog.vue
index 4475733..2cb8ced 100644
--- a/2021-02-08 prj-cmp-01-starting-setup/src/components/UI/BaseDialog.vue	
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/components/UI/BaseDialog.vue	
@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div @click="$emit('close')"></div>
   <dialog open>
     <header>
       <slot name="header">
@@ -17,7 +17,8 @@ export default {
       type: String,
       required: false
     }
-  }
+  },
+  emits: ['close']
 };
 </script>
 <style scoped>
diff --git a/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/AddResource.vue b/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/AddResource.vue
index 9367e41..2556476 100644
--- a/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/AddResource.vue	
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/AddResource.vue	
@@ -24,7 +24,11 @@
     </form>
   </base-card>
   <teleport to="body">
-    <base-dialog v-if="inputIsInvalid" title="Input may not be empty">
+    <base-dialog
+      v-if="inputIsInvalid"
+      title="Input may not be empty"
+      @close="resetErrorDialog"
+    >
       <template #default>
         <p>Unfortunately some inputs seem to be empty.</p>
         <p>Please correct this and try again.</p>