2023-10-30-语言适配 en

src/component/HomePage/Upload.vue

@@ -8,7 +8,7 @@
 					</div>
 					<div class="upload_file_item_content" v-show="file?.status === 'done'">
 						<img  :src="file?.imgUrl" class="upload_img">
-						<div class="delete_file_block" @click="deleteFile(index)">Delete</div>
+						<div class="delete_file_block" @click="deleteFile(index)">{{ $t('Upload.Delete') }}</div>
 					</div>
 				</div>
 				<div class="upload_file_item upload_component" v-show="fileList.length < 10">
@@ -36,7 +36,7 @@
 		</div>
 		<div class="upload_max_tip">
 			<span class="icon iconfont icon-zhuyi"></span>
-			<span>Maximum 10 images can be uploaded, Maximum 2M per image</span>
+			<span>{{ $t('Upload.Maximum2M') }}</span>
 		</div>
 	</div>
 </template>
@@ -48,14 +48,17 @@ import {getUploadUrl} from '@/tool/util'
 import {getCookie} from '@/tool/cookie'
 import { message, Upload } from 'ant-design-vue';
 import {useStore} from 'vuex'
+import { useI18n } from 'vue-i18n';
 
 export default defineComponent({
 	props: ["msg"],
     setup(prop) {
         let fileList:any = ref([])
        
+		let {t} = useI18n()
         return{
-			fileList
+			fileList,
+			t
         }
     },
 	data(){
@@ -86,11 +89,11 @@ export default defineComponent({
         beforeUpload(file:any){
             const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg' || file.type === 'image/bmp';
             if (!isJpgOrPng) {
-                message.warning('You can only upload Image file!');
+                message.warning((this.t('Upload.jsContent2'));
             }
             const isLt2M = file.size / 1024 / 1024 < 2;
             if (!isLt2M) {
-                message.warning('Image must smaller than 2MB!');
+                message.warning(this.t('Upload.jsContent2'));
             }
             return (isJpgOrPng && isLt2M) || Upload.LIST_IGNORE;
         },
@@ -112,7 +115,7 @@ export default defineComponent({
                 if(index > -1){
                     this.fileList.splice(index, 1)
                 }
-                message.error(file.name + 'upload failed')
+                message.error(file.name + this.t('Upload.jsContent3'))
             }
         },
 		deleteFile(index:any){