fix modal not opening a second time

silinternational · Jan 29, 2025 · 5034b88 · 5034b88
1 parent e6246e8
commit 5034b88
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -36,7 +36,7 @@
       </v-row>
 
       <v-container>
-        <v-dialog v-model="isModalOpen" max-width="400">
+        <v-dialog @after-leave="closeModal" v-model="isModalOpen" max-width="400">
           <v-card>
             <v-card-title>
               <v-icon color="error" class="mr-2">mdi-alert</v-icon>
@@ -78,18 +78,17 @@ const { xs } = useDisplay()
 
 const route = useRoute()
 
-watch(message, (newValue) => {
-  if (newValue) isModalOpen.value = true
-})
-
 watch(
   () => route.fullPath,
   () => {
     message.value = ''
-    isModalOpen.value = false // Close modal (if open)
   },
 )
 
+watch(message, () => {
+  isModalOpen.value = !!message.value
+})
+
 onMounted(() => {
   eventBus.on('clear-messages', () => {
     message.value = ''
@@ -109,7 +108,6 @@ const login = () => {
 
 const closeModal = () => {
   message.value = ''
-  isModalOpen.value = false
 }
 </script>