fix: error message still appear after close

Services/client/src/components/FileItem.vue

@@ -183,10 +183,7 @@ async function submitFileForm(
     {{ DEPT_NAME[currentDept] }}
   </div>
   <div class="grid q-mt-md">
-    <div
-      v-for="(value) in currentFolder"
-      :data-pathname="value.pathname"
-    >
+    <div v-for="value in currentFolder" :data-pathname="value.pathname">
       <div
         :style="{
           position: 'relative',
@@ -388,6 +385,7 @@ async function submitFileForm(
     v-model:description="fileFormData.description"
     v-model:keyword="fileFormData.keyword"
     v-model:category="fileFormData.category"
+    @reset="() => (fileFormError = {})"
     @filechange="(name: string) => (fileFormError.fileExist = checkFile(name))"
     @submit="submitFileForm"
   />