2023-10-30-语言适配 en

src/views/HomeView.vue

@@ -15,7 +15,7 @@
                                         src="@/assets/images/homePage/null_img.png"
                                     /> -->
 									<div class="new_collection_button" @click="startNewCollection()">
-										Get Started
+										{{ $t('HomeView.GetStarted') }}
 									</div>
 								</div>
 								<div class="is_finish_loading" v-show="isFinishLoading">
@@ -28,10 +28,10 @@
 							<div class="home_left_info" v-show="isHaveReviewCollection">
 								<div class="left_info_top">
 									<div class="button_second" @click="startNewCollection()">
-										Start
+										{{ $t('HomeView.Start') }}
 									</div>
 									<div class="button_first button_margin" @click="recollection()">
-										Edit
+										{{ $t('HomeView.Edit') }}
 									</div>
 								</div>
 								<div class="left_info_content scroll_style">
@@ -48,11 +48,11 @@
 						<div class="right_top">
 							<div class="right_top_left">
 								<div class="button_second" @click="designNewCollection()">
-									Design
+									{{ $t('HomeView.Design') }}
 								</div>
 								<div class="button_first button_margin_14" v-show="designCollectionId"
 									@click="resDesignCollection()">
-									Redesign
+									{{ $t('HomeView.Redesign') }}
 								</div>
 							</div>
 						</div>
@@ -60,8 +60,9 @@
 						<div class="right_content_block">
 							<div class="right_content_header">
 								<div class="content_header_left">
-									<i class="fi fi-rs-comments"></i><span class="content_header_des">Generated
-										Design</span>
+									<i class="fi fi-rs-comments"></i><span class="content_header_des">
+										{{ $t('HomeView.GeneratedDesign') }}
+										</span>
 								</div>
 							</div>
 
@@ -98,10 +99,10 @@
 
 							<div class="right_content_header">
 								<div class="content_header_left">
-									<i class="fi fi-rs-comments"></i><span class="content_header_des">Selected Design</span>
+									<i class="fi fi-rs-comments"></i><span class="content_header_des">{{ $t('HomeView.SelectedDesign') }}</span>
 								</div>
 								<div class="button_second" v-show="likeDesignCollectionList.length" @click="exportCanvas()">
-									Export
+									{{ $t('HomeView.Export') }}
 								</div>
 							</div>
 
@@ -201,6 +202,8 @@ import { LoadingOutlined } from "@ant-design/icons-vue";
 import draggable from 'vuedraggable'
 import JSZip from "jszip";
 import { setCookie, getCookie, WriteCookie } from "@/tool/cookie";
+import i18n from "@/lang";
+import { useI18n } from "vue-i18n";
 const FileSaver = require("file-saver");
 
 export default defineComponent({
@@ -239,6 +242,7 @@ export default defineComponent({
 			height:'',
 		}
 		let userInfo:any = {}
+		let {t} = useI18n()
 		return {
 			store,
 			likeDesignCollectionList,
@@ -249,6 +253,7 @@ export default defineComponent({
 			contentImgMax,
 			contentImg,
 			userInfo,
+			t,
 		};
 	},
 	data() {
@@ -444,7 +449,7 @@ export default defineComponent({
 				this.store.state.UploadFilesModule.allBoardData;
 			if (!colorBoards || colorBoards?.length < 1) {
 				message.warning(
-					"You must choose one or more colors for further process."
+					this.t('HomeView.jsContent1')
 				);
 				return;
 			}
@@ -481,7 +486,7 @@ export default defineComponent({
 				this.store.state.UploadFilesModule.allBoardData;
 			if (!colorBoards || colorBoards?.length < 1) {
 				message.warning(
-					"You must choose one or more colors for further process."
+					this.t('HomeView.jsContent2')
 				);
 				return;
 			}
@@ -976,7 +981,7 @@ export default defineComponent({
 					});
 				})
 				.catch((res) => {
-					message.warning("Failed to export the file");
+					message.warning(this.t('HomeView.jsContent3'));
 					this.isShowMark = false;
 				});
 		},