feat: 官网代码全量更新 (2026-04-18)

components/home/DifferentiatorList.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="section section--warm">
     <div class="container">
-      <CommonSectionTitle title="为什么选择呼籁" label="WHY HULAI" subtitle="不只是包车，是一套成熟的旅行服务体系" />
+      <CommonSectionTitle :title="st('home.differentiator', '为什么选择呼籁')" :label="st('home.differentiator', 'WHY HULAI', 'label')" :subtitle="st('home.differentiator', '不只是包车，是一套成熟的旅行服务体系', 'subtitle')" />
       <div class="diff-grid">
         <div v-for="(item, index) in itemsWithBg" :key="item.title" class="diff-item">
           <div class="diff-bg">
@@ -23,6 +23,8 @@ const props = defineProps({
   items: { type: Array, required: true },
 })
 
+const st = await useSectionTitles()
+
 const bgImages = [
   '/images/seasons/summer-hero.jpg',
   '/images/seasons/summer-car.jpg',

components/home/ProductPreview.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="section">
     <div class="container">
-      <CommonSectionTitle title="旅行产品" subtitle="四季不同风景，总有一条线路适合你的家庭" />
+      <CommonSectionTitle :title="st('home.productPreview', '旅行产品')" :subtitle="st('home.productPreview', '四季不同风景，总有一条线路适合你的家庭', 'subtitle')" />
       <div class="product-grid">
         <NuxtLink
           v-for="line in productLines"
@@ -36,6 +36,8 @@
 </template>
 
 <script setup>
+const st = await useSectionTitles()
+
 const productLines = [
   {
     id: 'summer',

components/home/ReviewHighlights.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="section section--gray">
     <div class="container">
-      <CommonSectionTitle title="客户怎么说" label="REVIEWS" subtitle="来自真实家庭的旅行评价" />
+      <CommonSectionTitle :title="st('home.reviewHighlights', '客户怎么说')" :label="st('home.reviewHighlights', 'REVIEWS', 'label')" :subtitle="st('home.reviewHighlights', '来自真实家庭的旅行评价', 'subtitle')" />
       <div class="review-grid">
         <div v-for="r in reviews" :key="r.id" class="review-card">
           <div class="review-quote-mark">"</div>
@@ -27,6 +27,7 @@
 defineProps({
   reviews: { type: Array, required: true },
 })
+const st = await useSectionTitles()
 </script>
 
 <style lang="less" scoped>