refactor: clean code and handle

Services/client/src/modules/01_user/components/FileDownload.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useFileInfoStore } from '@/stores/file-info-data'
 
@@ -89,8 +88,13 @@ const { getType, getFormatDate, getSize } = useFileInfoStore()
             <div class="col-2">
               <span>กลุ่ม/หมวดหมู่</span>
             </div>
-            <div class="col-grow" v-for="category in fileInfo?.category" :key="category">
-              <span class="text-grey">{{ category }}</span>
+            <div class="col-grow">
+              <span
+                class="text-grey"
+                v-for="category in fileInfo?.category"
+                :key="category"
+                >{{ category }}</span
+              >
             </div>
           </div>
           <q-separator />
@@ -98,8 +102,13 @@ const { getType, getFormatDate, getSize } = useFileInfoStore()
             <div class="col-2">
               <span>คำสำคัญ</span>
             </div>
-            <div class="col-grow" v-for="keyword in fileInfo?.keyword" :key="keyword">
-              <span class="text-grey">{{ keyword }}</span>
+            <div class="col-grow">
+              <span
+                class="text-grey"
+                v-for="keyword in fileInfo?.keyword"
+                :key="keyword"
+                >{{ keyword }}</span
+              >
             </div>
           </div>
           <q-separator />
@@ -126,7 +135,9 @@ const { getType, getFormatDate, getSize } = useFileInfoStore()
               <span>วันที่อัปโหลด</span>
             </div>
             <div class="col-grow">
-              <span class="text-grey">{{ getFormatDate(fileInfo?.createdAt) }}</span>
+              <span class="text-grey">{{
+                getFormatDate(fileInfo?.createdAt)
+              }}</span>
             </div>
           </div>
         </div>