feat: 竞赛主页中文

src/views/AwardPage/components/Bloom.vue

@@ -4,46 +4,44 @@
 			class="title"
 			ref="titleRef"
 		>
-			Bloom Your Creativity
+			{{ $t('AwardsPage.bloomYourCreativity') }}
 		</div>
 
 		<div
 			class="season"
 			ref="subtitleRef"
 		>
-			Theme of 2026
+			{{ $t('AwardsPage.themeOf2026') }}
 		</div>
 		<div
 			class="desc"
 			ref="textRef"
 		>
 			<p class="section-1">
-				The
-				<span class="arial-bold">AiDA Global Design Award 2026</span>
-				is an
-				<span class="arial-bold">international design competition</span>
-				hosted by
-				<span class="arial-bold">Code‑Create</span>
-				, a globally leading
-				<br />
-				<span class="arial-bold">AI fashion solutions provider,</span>
-				celebrating the future of creativity powered by artificial intelligence.
-				<br />
-				Bringing together designers from around the world, AiDA empowers AI as a
-				creative partner—pushing fashion beyond
-				<br />
-				traditional boundaries and unlocking new possibilities where technology
-				amplifies human imagination.​
+				{{ $t('AwardsPage.bloomText.desc1.regular1') }}
+				<span class="arial-bold">
+					{{ $t('AwardsPage.bloomText.desc1.bold1') }}
+				</span>
+				{{ $t('AwardsPage.bloomText.desc1.regular2') }}
+				<span class="arial-bold">
+					{{ $t('AwardsPage.bloomText.desc1.bold2') }}
+				</span>
+				{{ $t('AwardsPage.bloomText.desc1.regular3') }}
+				<span class="arial-bold">
+					{{ $t('AwardsPage.bloomText.desc1.bold3') }}
+				</span>
+				{{ $t('AwardsPage.bloomText.desc1.regular4') }}
+				<span class="arial-bold">
+					{{ $t('AwardsPage.bloomText.desc1.bold4') }}
+				</span>
+				{{ $t('AwardsPage.bloomText.desc1.regular5') }}
 			</p>
 			<p class="section-2">
-				Under the theme “
+				{{ $t('AwardsPage.bloomText.desc2.regular1') }}
 				<span class="arial-bold">
-					Where Imagination Meets Innovation, Creativity Blooms,
+					{{ $t('AwardsPage.bloomText.desc2.bold1') }}
 				</span>
-				” participants are invited to transform bold ideas
-				<br />
-				into extraordinary designs, seamlessly merging human artistry with
-				artificial intelligence to shape the next era of fashion.
+				{{ $t('AwardsPage.bloomText.desc2.regular2') }}
 			</p>
 		</div>
 	</div>
@@ -51,8 +49,11 @@
 
 <script setup lang="ts">
 	import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
+	import { useI18n } from 'vue-i18n'
 	import { gsap } from 'gsap'
 
+	const { t } = useI18n()
+
 	const titleRef = ref<HTMLElement | null>(null)
 	const subtitleRef = ref<HTMLElement | null>(null)
 	const textRef = ref<HTMLElement | null>(null)
@@ -192,7 +193,8 @@
 			padding: 0 21.5rem;
 			line-height: 4.5rem;
 			margin-bottom: 12.3rem;
-			.section-2{
+			white-space: pre-line;
+			.section-2 {
 				margin-top: 4rem;
 			}
 		}