Fix: Promise leak when click outside of non-persistent dialog

Author: Thomas Leconte

cypress/test-server/src/components/HelloWorld.vue

@@ -84,7 +84,7 @@ export default defineComponent({
           { key: 'button1', title: 'Button 1', variant: 'outlined', color: 'error' },
           { key: 'button2', title: 'Button 2', variant: 'tonal', color: 'success' }
         ]
-      })
+      }).then((key: any) => console.log(key))
     },
     createCustomComponentDialog(){
       this.$dialog.create({

src/components/Dialog.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ComponentOptions } from 'types';
-import { Component, PropType, ref } from 'vue';
+import { Component, PropType, ref, watch } from 'vue';
 import { VDialog } from 'vuetify/lib/components/index.mjs';
 import Card from './Card.vue';
 
@@ -49,6 +49,13 @@ function close(buttonKey: string | boolean){
   showDialog.value = false
   emit('closeDialog', buttonKey)
 }
+
+// ------- WATCH ---------
+watch((showDialog), (newValue) => {
+  if(!newValue){
+    close(false)
+  }
+})
 </script>
 
 
@@ -72,4 +79,4 @@ function close(buttonKey: string | boolean){
       @buttonClicked="close"
     />
   </VDialog>
-</template>
+</template>