语言适配

src/views/home/section-aida.vue

@@ -3,12 +3,9 @@
 		<img src="@/assets/images/home/aida-bg.jpg" class="bg" />
 		<div class="content">
 			<div class="aida-logo"><img src="@/assets/images/logos/aida.png" /></div>
-			<div class="title">Design with AiDA</div>
-			<div class="tip">
-				Each garment on this platform is where designer vision blooms through AiDA. A tool
-				that nurtures your creativity, never overshadows it. Let your ideas flourish.
-			</div>
-			<button custom @click="openAida">Try Now</button>
+			<div class="title">{{ $t('Home.AidaTitle') }}</div>
+			<div class="tip">{{ $t('Home.AidaTip') }}</div>
+			<button custom @click="openAida">{{ $t('Home.TryNow') }}</button>
 		</div>
 	</section>
 </template>

src/views/home/section-designer.vue

@@ -1,11 +1,8 @@
 <template>
 	<section class="section-designer">
-		<div class="title">Designer Community</div>
-		<div class="tip">
-			Discover the designers shaping AiDA’s creative landscape. <br />
-			Each month, we will showcase a curated selection of their most distinguished works.
-		</div>
-		<button custom="black" @click="onSearchBrand">Search Brands</button>
+		<div class="title" v-html="$t('Home.DesignerTitle')"></div>
+		<div class="tip" v-html="$t('Home.DesignerTip')"></div>
+		<button custom="black" @click="onSearchBrand">{{ $t('Home.SearchBrands') }}</button>
 		<img src="@/assets/images/home/designer-bg.png" />
 	</section>
 </template>

src/views/home/section-digital-items1.vue

@@ -2,12 +2,8 @@
 	<section class="digital-items1 bgw">
 		<img src="@/assets/images/home/digital-items-1.jpg" class="bg" />
 		<div class="content">
-			<div class="title">Digital Items</div>
-			<div class="tip">
-				AiDA captures your boldest thoughts and transforms them into vivid
-				<br />
-				digital visions—a virtual realm where creativity collides and evolves.
-			</div>
+			<div class="title">{{ $t('Home.DigitalItems') }}</div>
+			<div class="tip" v-html="$t('Home.DigitalItemsTip1')"></div>
 			<button custom="black" @click="onShopAll">Shop All</button>
 			<div class="list">
 				<div v-for="v in list" :key="v.url">
@@ -27,7 +23,7 @@
 
 	const list = ref([
 		{
-			title: 'Women’s Itemk',
+			title: 'Women’s Item',
 			tip: 'Blue Pleat Aria',
 			url: 'http://118.31.39.42:3000/falls/digital-items-1.png'
 		},

src/views/home/section-digital-items2.vue

@@ -2,11 +2,7 @@
 	<section class="digital-items2 bgw">
 		<img src="@/assets/images/home/digital-items-1.jpg" class="bg" />
 		<div class="content">
-			<div class="tip">
-				AiDA accelerates style innovation, shaping daily pieces that keep
-				<br />
-				your wardrobe in sync with modern fashion’s rhythm.
-			</div>
+			<div class="tip" v-html="$t('Home.DigitalItemsTip2')"></div>
 			<div class="list">
 				<div v-for="v in list" :key="v.url">
 					<img :src="v.url" alt="" />
@@ -22,7 +18,7 @@
 	import { computed, ref } from 'vue'
 	const list = ref([
 		{
-			title: 'Women’s Itemk',
+			title: 'Women’s Item',
 			tip: 'Blue Pleat Aria',
 			url: 'http://118.31.39.42:3000/falls/digital-items-1.png'
 		},

src/views/home/section-footer.vue

@@ -7,35 +7,32 @@
 					<img src="@/assets/images/logos/stylish-parade-black.png" />
 					<img src="@/assets/images/logos/aida-black.png" />
 				</div>
-				<div class="tip">
-					Stylish Parade is a commerce platform for designers, serving as AiDA's
-					commercial extension.
-				</div>
+				<div class="tip">{{ $t('Home.FooterTip') }}</div>
 				<div class="link">
-					<span class="text" @click="openAida">Bloom your Creativity with AiDA!</span>
+					<span class="text" @click="openAida">{{ $t('Home.FooterAidaTip') }}</span>
 					<span class="icon"><svg-icon name="arrow_right" size="12" /></span>
 				</div>
 			</div>
 			<div class="help">
-				<div class="title">HELP</div>
-				<div class="item">FAQ</div>
-				<div class="item">My Account</div>
-				<div class="item">My Orders</div>
-				<div class="item">Payment and Invoices</div>
-				<div class="item">Copyright Licence</div>
+				<div class="title">{{ $t('Home.Help') }}</div>
+				<div class="item">{{ $t('Home.FAQ') }}</div>
+				<div class="item">{{ $t('Home.MyAccount') }}</div>
+				<div class="item">{{ $t('Home.MyOrders') }}</div>
+				<div class="item">{{ $t('Home.PaymentInvoices') }}</div>
+				<div class="item">{{ $t('Home.CopyrightLicense') }}</div>
 			</div>
 			<div class="polices">
-				<div class="title">POLICES</div>
-				<div class="item">Legal</div>
-				<div class="item">Privacy Policy</div>
-				<div class="item">Cookies Settings</div>
-				<div class="item">Purchase Conditions</div>
+				<div class="title">{{ $t('Home.Polices') }}</div>
+				<div class="item">{{ $t('Home.Legal') }}</div>
+				<div class="item">{{ $t('Home.PrivacyPolicy') }}</div>
+				<div class="item">{{ $t('Home.CookiesSettings') }}</div>
+				<div class="item">{{ $t('Home.PurchaseConditions') }}</div>
 			</div>
 			<div class="company">
-				<div class="title">COMPANY</div>
-				<div class="item">About us</div>
-				<div class="item">Offices</div>
-				<div class="item">Join with us</div>
+				<div class="title">{{ $t('Home.Company') }}</div>
+				<div class="item">{{ $t('Home.AboutUs') }}</div>
+				<div class="item">{{ $t('Home.Offices') }}</div>
+				<div class="item">{{ $t('Home.JoinWithUs') }}</div>
 			</div>
 		</div>
 		<div class="footer">
@@ -124,6 +121,7 @@
 					font-size: 1.8rem;
 					color: #232323;
 					margin-bottom: 2.3rem;
+					text-transform: uppercase;
 				}
 				> .item {
 					font-family: KaiseiOpti-Regular;

src/views/home/section-index.vue

@@ -2,11 +2,8 @@
 	<section class="section-index bgw">
 		<img src="@/assets/images/home/bg.png" class="bg" />
 		<div class="content">
-			<div class="title" v-html="title"></div>
-			<div class="tip">
-				Discover collections through the stories behind their creation. A curated space connecting
-				designers, narratives, and fashion commerce.
-			</div>
+			<div class="title" v-html="$t('Home.IndexTitle')"></div>
+			<div class="tip">{{ $t('Home.IndexTip') }}</div>
 			<button custom="black-box" @click="handleClickArrow">
 				<svg-icon name="arrow_right" size="34" />
 			</button>
@@ -18,8 +15,6 @@
 	import { computed } from 'vue'
 	import { useRouter } from 'vue-router'
 	const router = useRouter()
-	const title =
-		'We’re Seeking<br /><span>Fashion Voice</span><br /><span class="small">Worth Featuring.</span>'
 	const handleClickArrow = () => {
 		router.push({ name: 'collectionStory' })
 	}