update locale

Author: jiyuujin

app/assets/locale/all.ts

@@ -1,9 +1,11 @@
 export default {
   ja: {
     words: {
+      bracket: '【{0}】',
       submit: '送信',
       application_form: '申し込みフォーム',
       sponsordoc: 'スポンサー資料',
+      sponsorsession: 'スポンサーセッション',
       privacypolicy: 'プライバシーポリシー',
       codeofconduct: '行動規範',
       vuefes_twitter: 'Vue Fes Japan の Twitter',
@@ -28,19 +30,31 @@ export default {
       add_to_calendar: 'カレンダーに追加',
       re_edit: '再編集',
       namecard: 'ネームカード',
+      start_registration: '開場・受付',
+      opening: 'オープニング',
+      close: 'クローズ',
+      break: '休憩',
+      keynote: 'キーノート',
+      vuejs_clinic: 'Vue.js クリニック',
+      panel_discussion: 'パネルディスカッション',
+      handson: 'ハンズオン',
+      remodeling: '転換',
+      lunch_time: 'ランチタイム',
+      after_party: 'アフターパーティー',
+      simultaneous_interpretation: '同時通訳あり',
     },
     category: {
       platinum: 'Platinum',
       gold: 'Gold',
       silver: 'Silver',
       bronze: 'Bronze',
-      'session-room-naming-rights': 'Session room naming rights',
-      'special-lunch': 'Special lunch',
+      'session-room-naming-rights': 'Session Room Naming Right',
+      'special-lunch': 'Special Lunch',
       lunch: 'Lunch',
-      'after-party': 'After party',
-      'name-card': 'Name card',
+      'after-party': 'After Party',
+      'name-card': 'Name Card',
       refreshment: 'Refreshment',
-      'simultaneous-interpretation': 'Simultaneous interpretation',
+      'simultaneous-interpretation': 'Simultaneous Interpretation',
       handson: 'Handson',
       media: 'Media',
     },
@@ -231,6 +245,7 @@ export default {
       teams_volunteer: 'ボランティアスタッフ',
     },
     speakers: {
+      kazuya_kawaguchi: '川口 和也',
       sapphi_red: 'Vite Core Team Member\n東工大デジタル創作同好会traP所属',
       ota_meshi: 'フューチャー株式会社\nTechnology Innovation Group シニアアーキテクト',
       wattanx: 'STORES株式会社\nソフトウェアエンジニア',
@@ -313,9 +328,11 @@ export default {
   },
   en: {
     words: {
+      bracket: '[{0}]',
       submit: 'Submit',
       application_form: 'Application Form',
       sponsordoc: 'Sponsor Document',
+      sponsorsession: 'Sponsor Session',
       privacypolicy: 'Privacy Policy',
       codeofconduct: 'Code of Conduct',
       /* prettier-ignore */
@@ -340,6 +357,18 @@ export default {
       add_to_calendar: 'Add to Calendar',
       re_edit: 'Re-Edit',
       namecard: 'Name Card',
+      start_registration: 'Doors Open, Registration Begins',
+      opening: 'Opening',
+      close: 'Close',
+      break: 'Break',
+      keynote: 'Keynote',
+      vuejs_clinic: 'Vue.js Clinic',
+      panel_discussion: 'Panel Discussion',
+      handson: 'Handson',
+      remodeling: 'Remodeling',
+      lunch_time: 'Lunch Time',
+      after_party: 'After Party',
+      simultaneous_interpretation: 'Simultaneous interpretation available',
     },
     category: {
       platinum: 'Platinum',
@@ -549,6 +578,7 @@ export default {
       teams_volunteer: 'VOLUNTEER STAFF',
     },
     speakers: {
+      kazuya_kawaguchi: 'Kazuya Kawaguchi',
       sapphi_red:
         'Vite Core Team Member\nDigital Creation Club traP in Tokyo Institute of Technology',
       ota_meshi: 'Senior Architect, Technology Innovation Group, Future Architect, Inc.',

app/components/timetable/TimetableBodyRow.vue

@@ -8,7 +8,7 @@ const props = defineProps<{
 }>()
 
 const { locale } = useLocaleCurrent()
-const { showSpeakerInfo } = useSession()
+const { showSpeakerInfo, getCategory } = useSession()
 
 // tdのclassを設定する
 const cssTdClass = (args: Track) => {
@@ -34,7 +34,9 @@ const _nuxtLink = computed(() => resolveComponent('NuxtLink'))
     :rowspan="track.rowspan"
   >
     <div v-for="session in track.sessions" :key="session.title" class="info">
-      <div v-if="session.isTranslation" class="translate">同時通訳あり</div>
+      <div v-if="session.isTranslation" class="translate">
+        {{ $t('words.simultaneous_interpretation') }}
+      </div>
       <p v-if="session.subTitle" class="subtitle">{{ session.subTitle }}</p>
       <component
         :is="session.id ? _nuxtLink : 'div'"
@@ -47,10 +49,24 @@ const _nuxtLink = computed(() => resolveComponent('NuxtLink'))
         "
         class="title"
       >
-        <p v-if="session.category" class="category">{{ session.category }}</p>
-        {{ session.title }}
+        <i18n-t
+          v-if="session.category"
+          keypath="words.bracket"
+          tag="p"
+          class="category"
+          scope="global"
+        >
+          {{
+            `${$t(getCategory(session.category as 'platinum' | 'special-lunch' | 'lunch'))} ${$t(
+              'words.sponsorsession',
+            )}`
+          }}
+        </i18n-t>
+        {{ session.titleKey ? $t(session.titleKey) : session.title }}
       </component>
-      <div v-if="session.speaker" class="speaker">{{ session.speaker }}</div>
+      <div v-if="session.speaker" class="speaker">
+        {{ session.speakerKey ? $t(session.speakerKey) : session.speaker }}
+      </div>
     </div>
   </td>
 </template>
@@ -73,6 +89,7 @@ css({
       backgroundColor: '{color.timetable.close.background}',
     },
     '.translate': {
+      textAlign: 'left',
       display: 'inline-block',
       position: 'relative',
       marginBottom: '16px',

app/components/timetable/TimetableBodyRowMobile.vue

@@ -14,7 +14,7 @@ type Props = {
 
 const props = defineProps<Props>()
 
-const { showSpeakerInfo } = useSession()
+const { showSpeakerInfo, getCategory } = useSession()
 
 // tdのclassを設定する
 const cssTdClass = computed(
@@ -75,10 +75,24 @@ const _nuxtLink = computed(() => resolveComponent('NuxtLink'))
         "
         class="title"
       >
-        <p v-if="session.category" class="category">{{ session.category }}</p>
-        {{ session.title }}
+        <i18n-t
+          v-if="session.category"
+          keypath="words.bracket"
+          tag="p"
+          class="category"
+          scope="global"
+        >
+          {{
+            `${$t(getCategory(session.category as 'platinum' | 'special-lunch' | 'lunch'))} ${$t(
+              'words.sponsorsession',
+            )}`
+          }}
+        </i18n-t>
+        {{ session.titleKey ? $t(session.titleKey) : session.title }}
       </component>
-      <div v-if="session.speaker" class="speaker">{{ session.speaker }}</div>
+      <div v-if="session.speaker" class="speaker">
+        {{ session.speakerKey ? $t(session.speakerKey) : session.speaker }}
+      </div>
     </div>
   </td>
 </template>