refactor ts

src/components/ImagePreview/index.vue

@@ -1,21 +1,4 @@
-<template>
-  <el-image
-    :src="`${realSrc}`"
-    fit="cover"
-    :style="`width:${realWidth};height:${realHeight};`"
-    :preview-src-list="realSrcList"
-    preview-teleported
-  >
-    <template #error>
-      <div class="image-slot">
-        <el-icon><picture-filled /></el-icon>
-      </div>
-    </template>
-  </el-image>
-</template>
-
-<script setup>
-
+<script setup lang="ts">
 const props = defineProps({
   src: {
     type: String,
@@ -44,7 +27,7 @@ const realSrcList = computed(() => {
     return;
   }
   let real_src_list = props.src.split(",");
-  let srcList = [];
+  let srcList:string[] = [];
   real_src_list.forEach(item => {
     return srcList.push(item);
   });
@@ -60,6 +43,16 @@ const realHeight = computed(() =>
 );
 </script>
 
+<template>
+	<el-image :src="`${realSrc}`" fit="cover" :style="`width:${realWidth};height:${realHeight};`" :preview-src-list="realSrcList" preview-teleported>
+		<template #error>
+			<div class="image-slot">
+				<el-icon><picture-filled /></el-icon>
+			</div>
+		</template>
+	</el-image>
+</template>
+
 <style lang="scss" scoped>
 .el-image {
   border-radius: 5px;