fix

src/component/HomePage/renew.vue

@@ -73,7 +73,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent,ref,reactive,toRefs ,onMounted} from "vue";
+import { defineComponent,computed,reactive,toRefs ,onMounted} from "vue";
 import { message } from "ant-design-vue";
 import payMethod from "@/component/Pay/payMethod.vue";
 import { useStore } from "vuex";
@@ -92,22 +92,39 @@ export default defineComponent({
 			pageWidth:'50%'
 		})
 		let renewData = reactive({
-			personage:{
-				title:t('Renew.PersonalVersion'),
-				price:{
-					monthly:'500',
-					year:'5,000',
-				},
-				unit:{
-					monthly:t('Renew.HKDMonth'),
-					year:t('Renew.HKDYear'),
-				},
-				type:'monthly',
-				typeList:['monthly','year'],
-				info:'Tax, VAT not included.',
-			},
-			firm:{
-				title:'Education Edition',
+			personage:computed(()=>{
+			    return {
+					title:t('Renew.PersonalVersion'),
+					price:{
+						monthly:'500',
+						year:'5,000',
+					},
+					unit:{
+						monthly:t('Renew.HKDMonth'),
+						year:t('Renew.HKDYear'),
+					},
+					type:'monthly',
+					typeList:['monthly','year'],
+					info:'Tax, VAT not included.',
+				}
+			}),
+			firm:computed(()=>{
+			    return {
+					title:'Education Edition',
+					price:{
+						year:'500',
+					},
+					unit:{
+						year:'HKD / Year',
+					},
+					type:'year',
+					typeList:['year'],
+					info:'Customised plan',
+				}
+			}),
+			education:computed(()=>{
+			    return {
+					title:'Enterprise Edition',
 				price:{
 					year:'500',
 				},
@@ -117,19 +134,8 @@ export default defineComponent({
 				type:'year',
 				typeList:['year'],
 				info:'Customised plan',
-			},
-			education:{
-				title:'Enterprise Edition',
-				price:{
-					year:'500',
-				},
-				unit:{
-					year:'HKD / Year',
-				},
-				type:'year',
-				typeList:['year'],
-				info:'Customised plan',
-			},
+				}
+			}),
 			current:{
 
 			} as any,