语言适配

src/lang/en.ts

@@ -25,4 +25,9 @@ export default {
 	PageNotFound: 'Page not found',
 	PageNotFoundTitle: "That Page Can't Be Found",
 	PageNotFoundDesc: "It looks like nothing was found at this location.",
+	Contact: 'Contact',
+	GetInTouch: 'Get In Touch',
+	StayUpToDate: "Stay up to date with our e-newsletter",
+	EmailAddress: 'Email Address',
+	Submit: 'Submit',
 }

src/lang/zh-cn.ts

@@ -25,4 +25,9 @@ export default {
 	PageNotFound: '页面不存在',
 	PageNotFoundTitle: '该页面不存在',
 	PageNotFoundDesc: '这里似乎没有任何发现。',
+	Contact: '联络方法',
+	GetInTouch: '联系我们',
+	StayUpToDate: '通过我们的电子通讯掌握最新动态',
+	EmailAddress: '电邮地址',
+	Submit: '提交',
 }

src/lang/zh-tw.ts

@@ -25,4 +25,9 @@ export default {
 	PageNotFound: '頁面不存在',
 	PageNotFoundTitle: '該頁面不存在',
 	PageNotFoundDesc: '這裡似乎沒有任何發現。',
+	Contact: '聯絡方法',
+	GetInTouch: '保持聯繫',
+	StayUpToDate: '通過我們的電子通訊掌握最新動態',
+	EmailAddress: '電郵地址',
+	Submit: '提交',
 }

src/pages/contact-us/index.vue

@@ -3,26 +3,26 @@
 		<img class="bg" src="@/assets/images/contact-us/bg.jpg" alt="" />
 		<section class="header">
 			<h1 v-custom-animation.once duration="1s" translate-y-s="-100" opacity-s="0">
-				CONTACT US
+				{{ $t('MainHeader.ContactUs') }}
 			</h1>
 		</section>
 		<section class="contact">
 			<span class="iconfont icon-dingwei"></span>
-			<h3 class="title">Contact</h3>
+			<h3 class="title">{{ $t('Contact') }}</h3>
 			<a class="email" href="mailto:info@code-create.com.hk">info@code-create.com.hk</a>
 		</section>
 		<section class="contact-input">
 			<div class="box">
-				<h3 class="title">Get In Touch</h3>
-				<div class="tip">Stay up to date with our e-newsletter</div>
+				<h3 class="title">{{ $t('GetInTouch') }}</h3>
+				<div class="tip">{{ $t('StayUpToDate') }}</div>
 				<input
 					v-model="email"
 					@keydown.enter.prevent="submit"
 					type="email"
-					placeholder="Email Address"
+					:placeholder="$t('EmailAddress')"
 				/>
 				<div v-show="error" class="error">{{ error }}</div>
-				<button custom @click="submit">SUBMIT</button>
+				<button custom @click="submit">{{ $t('Submit') }}</button>
 			</div>
 		</section>
 	</div>
@@ -74,6 +74,7 @@
 				letter-spacing: 2px;
 				color: #fff;
 				margin-bottom: 50px;
+				text-transform: uppercase;
 			}
 		}
 		> .contact {

src/pages/media/index.vue

@@ -2,7 +2,9 @@
 	<div class="media">
 		<img class="bg" src="@/assets/images/media/bg.jpg" alt="" />
 		<section class="header">
-			<h1 v-custom-animation.once duration="1s" translate-y-s="-100" opacity-s="0">Media</h1>
+			<h1 v-custom-animation.once duration="1s" translate-y-s="-100" opacity-s="0">
+				{{ $t('MainHeader.Media') }}
+			</h1>
 		</section>
 		<section class="content">
 			<div class="box">