feat(banner): emit open and close events

discue · Jun 5, 2022 · 68cce15 · 68cce15
1 parent 154b56b
commit 68cce15
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/components/banner.vue b/src/components/banner.vue
@@ -20,8 +20,9 @@
 </template>
 
 <script setup>
-import { computed, ref } from 'vue';
+import { computed, ref, watchEffect } from 'vue';
 
+const emit = defineEmits(['open', 'close'])
 const props = defineProps({
     show: {
         type: Boolean,
@@ -49,4 +50,13 @@ const showBanner = computed(() => {
 const closeBanner = () => {
     forceCloseBanner.value = true
 }
+
+watchEffect(() => {
+    if (showBanner.value) {
+        emit('open')
+    } else {
+        emit('close')
+    }
+})
+
 </script>