语言适配加部分布局修改

src/component/HomePage/renew.vue

@@ -27,7 +27,7 @@
 		</div>
 		<div class="renewContent">
 			<div class="generalModelTitle">
-				Select The Best Plan For Your Needs
+				{{ $t('Renew.title') }}
 			</div>
 			<div class="renew_detail">
 				<div class="name generalModelTitle">{{ current.title }}</div>
@@ -39,16 +39,16 @@
 					<div class="type" v-if="current.typeList.length > 1">
 						<label>
 							<input name="pric" type="radio" value="monthly" v-model="current.type" @change="setPricType('monthly')">
-							Monthly
+							{{ $t('Renew.Monthly') }}
 						</label>
 						<label>
 							<input name="pric" type="radio" value="year" v-model="current.type" @change="setPricType('year')">
-							Yearly
+							{{ $t('Renew.Yearly') }}
 						</label>
 					</div>
 					<div class="info">{{ current.info }}</div>
 				</div>
-				<div class="gallery_btn gallery_btn_radius" @click="payment">Subscribe Now</div>
+				<div class="gallery_btn gallery_btn_radius" @click="payment">{{ $t('Renew.SubscribeNow') }}</div>
 			</div>
 			<div
 				class="login_footer_item_text"
@@ -76,6 +76,7 @@ import { defineComponent,ref,reactive,toRefs ,onMounted} from "vue";
 import { message } from "ant-design-vue";
 import payMethod from "@/component/Pay/payMethod.vue";
 import { useStore } from "vuex";
+import { useI18n } from "vue-i18n";
 const md5 = require("md5");
 export default defineComponent({
     components: {
@@ -83,6 +84,7 @@ export default defineComponent({
     },
     setup(){
 		const store = useStore();
+		const {t} = useI18n()
 		let renew = reactive({
 			renewModel:false,
 			renewModelMask:true,
@@ -90,14 +92,14 @@ export default defineComponent({
 		})
 		let renewData = reactive({
 			personage:{
-				title:'Personal version',
+				title:t('Renew.PersonalVersion'),
 				price:{
 					monthly:'500',
 					year:'5,000',
 				},
 				unit:{
-					monthly:'HKD / Month',
-					year:'HKD / Year',
+					monthly:t('Renew.HKDMonth'),
+					year:t('Renew.HKDYear'),
 				},
 				type:'monthly',
 				typeList:['monthly','year'],