use n-time instead custom time component

Author: xryu

src/components/common/FormatTime.vue

@@ -22,7 +22,7 @@
           <selectable-text :class="$style.name" selectable>{{ image.file.name }}</selectable-text>
           <n-space vertical :style="{ alignItems: 'center' }">
             <!-- <n-text v-if="image.file.existed">修改时间：</n-text> -->
-            <format-time v-if="image.file.existed" :datetime="image.file.mtime!.getTime()" />
+            <n-time v-if="image.file.existed" :time="image.file.mtime!.getTime()" />
             <!-- <n-text v-if="image.file.existed">文件大小：</n-text> -->
             <file-size v-if="image.file.existed" :class="$style.size" :size="image.file.size" />
             <template v-if="props.errors[0]">
@@ -109,7 +109,7 @@
         </template>
         <template #column-modified-at="{ data }">
           <field-base>
-            <format-time v-if="data.file.existed" :datetime="data.file.mtime!.getTime()" />
+            <n-time v-if="data.file.existed" :time="data.file.mtime!.getTime()" />
           </field-base>
         </template>
         <template #column-size="{ data }">
@@ -199,6 +199,7 @@ import {
   NSpace,
   NSpin,
   NText,
+  NTime,
   NTooltip,
   useMessage,
 } from 'naive-ui';
@@ -220,7 +221,6 @@ import { FlashStatus, type IFlashProgress } from '@/composables/progress';
 
 import FileDropper from '@/components/common/FileDropper.vue';
 import FileSize from '@/components/common/FileSize.vue';
-import FormatTime from '@/components/common/FormatTime.vue';
 import SelectableText from '@/components/common/SelectableText.vue';
 import PartitionTable from '@/components/common/PartitionTable.vue';