From e0d18401fb18b611dbbbaf1515c24c774522cebc Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 8 Aug 2024 17:09:36 +0700
Subject: [PATCH] fix: headless cause side effect

---
 src/components/ImageUploadDialog.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/ImageUploadDialog.vue b/src/components/ImageUploadDialog.vue
index f5fdd6fb..9622cc52 100644
--- a/src/components/ImageUploadDialog.vue
+++ b/src/components/ImageUploadDialog.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { ref } from 'vue';
 import AppBox from './app/AppBox.vue';
 
 defineExpose({ browse });
@@ -37,7 +36,6 @@ const inputFile = (() => {
   _element.addEventListener('change', change);
   return _element;
 })();
-const headless = ref(false);
 
 reader.addEventListener('load', () => {
   if (typeof reader.result === 'string') imageUrl.value = reader.result;
@@ -45,7 +43,6 @@ reader.addEventListener('load', () => {
 
 function browse() {
   inputFile?.click();
-  headless.value = true;
 }
 
 function change(e: Event) {
@@ -55,10 +52,10 @@ function change(e: Event) {
   if (_file) {
     file.value = _file;
     reader.readAsDataURL(_file);
-    if (headless) emit('save', _file, imageUrl.value);
+    if (!dialogState.value) {
+      emit('save', _file, imageUrl.value);
+    }
   }
-
-  headless.value = false;
 }
 </script>
 <template>