From 0d336d549aaf476f247d63ea6092b9c6f86e61a5 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Thu, 13 Mar 2025 01:35:00 +0330
Subject: [PATCH] changed show logic

---
 frontend/components/global/Modal.vue | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/frontend/components/global/Modal.vue b/frontend/components/global/Modal.vue
index 9c0a703..74934f5 100644
--- a/frontend/components/global/Modal.vue
+++ b/frontend/components/global/Modal.vue
@@ -26,27 +26,21 @@ const emit = defineEmits<Emits>();
 
 // computed
 
-const isShow = ref(modelValue.value);
-
-watch(
-    () => isShow.value,
-    (nv) => {
-        if (!nv) {
-            emit("update:modelValue", false);
+const isShow = computed({
+    get: () => modelValue.value ?? false,
+    set: (value) => {
+        emit("update:modelValue", value);
+        if (!value) {
             emit("close", null);
         }
-    }
-);
+    },
+});
 </script>
 
 <template>
     <DialogRoot
         v-model:open="isShow"
-        @update:open="
-            (state) => {
-                !state ? (isShow = false) : null;
-            }
-        "
+        @update:open="(state) => (isShow = state)"
     >
         <DialogTrigger :class="!$slots['trigger'] ? 'hidden' : ''">
             <slot name="trigger" />