no message

src/components/trip/smaple.vue

 <template>
   <div class="q-mt-md">
-    <div class="text-subtitle2 text-weight-bold">產品概要</div>
+    <div class="text-subtitle2 text-weight-bold">{{$t('v103.scheduledTripDetails.itineraryDetails.gaiyao')}}</div>
     <div class="row q-pt-md q-col-gutter-md">
         <div class="row items-center q-pt-mb"
         :class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" v-if="traffic!=''">
-          <div class="q-mr-md col-3">往返交通：</div>
+          <div class="q-mr-md col-3">{{$t('v103.scheduledTripDetails.itineraryDetails.jiaotong')}}：</div>
           <div class="col text-grey-6">{{ traffic }}</div>
         </div>
         <div class="row items-center q-pt-mb"
         :class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" v-if="hotel!=''">
-          <div class="q-mr-md col-3">酒店住宿：</div>
+          <div class="q-mr-md col-3">{{$t('v103.scheduledTripDetails.itineraryDetails.zhusu')}}：</div>
           <div class="col text-grey-6">{{ hotel }}</div>
         </div>
         <div class="row items-center q-pt-mb"
         :class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}">
-          <div class="q-mr-md col-3">購物：</div>
-          <div class="col text-grey-6">{{ trip.shopList.length>0?`${trip.shopList.length}個購物點`:'無購物行程' }}</div>
+          <div class="q-mr-md col-3">{{$t('v103.scheduledTripDetails.itineraryDetails.gouwu')}}：</div>
+          <div class="col text-grey-6">{{ trip.shopList.length>0?`${trip.shopList.length}`+$t('v103.scheduledTripDetails.itineraryDetails.gouwushu'):$t('v103.scheduledTripDetails.itineraryDetails.nogouwu') }}</div>
         </div>
         <div class="row items-center q-pt-mb"
         :class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" v-if="team!=''">
-          <div class="q-mr-md col-3">團隊人數：</div>
+          <div class="q-mr-md col-3">{{$t('v103.scheduledTripDetails.itineraryDetails.tuanduirenshu')}}：</div>
           <div class="col text-grey-6">{{ team }}</div>
         </div>
         <div class="row items-center q-pt-mb"
         :class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" >
-          <div class="q-mr-md col-3">景點：</div>
-          <div class="col text-grey-6">{{ trip.scenicList.length }}個景點或場館</div>
+          <div class="q-mr-md col-3">{{$t('v103.scheduledTripDetails.itineraryDetails.jindian')}}：</div>
+          <div class="col text-grey-6">{{ trip.scenicList.length }}{{$t('v103.scheduledTripDetails.itineraryDetails.jindianshu')}}</div>
         </div>
         <div class="row items-center q-pt-mb"
         :class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" >
-          <div class="q-mr-md col-3">自費項目：</div>
-          <div class="col text-grey-6">{{ trip.selfpayingList.length>0?`${trip.selfpayingList.length}個自費項目`:'無自費項目' }}</div>
+          <div class="q-mr-md col-3">{{$t('v103.scheduledTripDetails.itineraryDetails.zifei')}}：</div>
+          <div class="col text-grey-6">{{ trip.selfpayingList.length>0?`${trip.selfpayingList.length}`+$t('v103.scheduledTripDetails.itineraryDetails.zifeishu'):$t('v103.scheduledTripDetails.itineraryDetails.nozifei') }}</div>
         </div>
         <div class="row items-center q-pt-mb"
         :class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}"  v-if="trip.freedomList.length>0">
-          <div class="q-mr-md col-3">自由活動：</div>
-          <div class="col text-grey-6">{{ trip.freedomList.length}} 次自由活動</div>
+          <div class="q-mr-md col-3">{{$t('v103.scheduledTripDetails.itineraryDetails.huodong')}}：</div>
+          <div class="col text-grey-6">{{ trip.freedomList.length}} {{$t('v103.scheduledTripDetails.itineraryDetails.huodongshu')}}</div>
         </div>
         <div class="row items-center q-pt-mb"
         :class="{'col-6':$q.platform.is.desktop,'col-12':$q.platform.is.mobile}" >
-          <div class="q-mr-md col-3">餐食：</div>
+          <div class="q-mr-md col-3">{{$t('v103.scheduledTripDetails.itineraryDetails.canshi')}}：</div>
           <div class="col text-grey-6">{{ dinner }}</div>
         </div>
         <!-- <div class="row items-center q-pt-mb"