fix：update vue-file-preview

Author: SmallTeddy

packages/preview/supports/vue-files-preview/index.vue

@@ -1,22 +1,23 @@
 <script lang="ts" setup>
-import {watch} from 'vue'
-import {PreviewRules, getPreviewTypeByFileType} from '../../preview.const'
-import type {IPreviewRule, PreviewProps} from '../../preview.interface'
-import {PreviewType} from '../../preview.interface'
-import {getFileName, getFileType} from '../../utils/utils'
+import { watch } from 'vue'
+import { PreviewRules, getPreviewTypeByFileType } from '../../preview.const'
+import type { IPreviewRule, PreviewProps } from '../../preview.interface'
+import { PreviewType } from '../../preview.interface'
+import { getFileName, getFileType } from '../../utils/utils'
 
 const props = withDefaults(
-    defineProps<PreviewProps & {
-      width?: string
-      height?: string
-    }>(),
-    {
-      file: () => null,
-      url: () => null,
-      width: () => '100%',
-      height: () => '100%',
-      overflow: () => 'auto',
-    },
+  defineProps<PreviewProps & {
+    width?: string
+    height?: string
+    overflow?: string
+  }>(),
+  {
+    file: () => null,
+    url: () => null,
+    width: () => '100%',
+    height: () => '100%',
+    overflow: () => 'auto',
+  },
 )
 
 const currentPreview = shallowRef<IPreviewRule>(PreviewRules[PreviewType.NONE])
@@ -30,24 +31,19 @@ function syncPreview(file: File): void {
 }
 
 watch(
-    () => props.file,
-    (file) => {
-      if (file) {
-        syncPreview(file)
-      }
-    },
-    {immediate: true},
+  () => props.file,
+  (file) => {
+    if (file) {
+      syncPreview(file)
+    }
+  },
+  { immediate: true },
 )
 </script>
 
 <template>
   <div class="vue-files-preview" :style="{ width, height, overflow }">
-    <component
-        :is="currentPreview.component"
-        :name="currentPreview.name"
-        :file="file"
-        :url="url"
-    />
+    <component :is="currentPreview.component" :name="currentPreview.name" :file="file" :url="url" />
   </div>
 </template>