语言适配

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 {