Merge pull request #138 from vuejs-jp/enhance/prepare-apply-for-sponsor

[5/13 AM Merge] prepare for "apply sponsor"

Author: jiyuujin

apps/web/app/components/SponsorPageSection.vue

@@ -21,15 +21,15 @@ function getTranslationOrDefault(key: string): string {
 
 const periodStart = {
   prefixYear: t('prefix_year'),
-  date: t('start_date'),
+  date: t('sponsor.start_date'),
   dayOfWeek: getTranslationOrDefault('day_of_week.monday'),
 }
 
-const periodEnd = {
-  suffixYear: t('suffix_year'),
-  date: t('end_date'),
-  dayOfWeek: getTranslationOrDefault('day_of_week.thursday'),
-}
+// const periodEnd = {
+//   suffixYear: t('suffix_year'),
+//   date: t('sponsor.end_date'),
+//   dayOfWeek: getTranslationOrDefault('day_of_week.thursday'),
+// }
 </script>
 
 <template>
@@ -60,7 +60,7 @@ const periodEnd = {
         >
           {{ $t('sponsor.apply_period') }}
         </h3>
-        <VFDatePeriod :start="periodStart" :end="periodEnd" />
+        <VFDatePeriod :start="periodStart" />
       </template>
 
       <div class="sponsor-buttons">
@@ -114,7 +114,6 @@ const periodEnd = {
   margin: 0 1.5%;
   background-color: white;
   max-width: 960px;
-  text-align: center;
 }
 
 .sponsor-text {

apps/web/app/content/en/sponsor.md

@@ -1,4 +1,4 @@
 In order to make Vue Fes Japan 2024 a better conference where people involved in Vue.js gather, we are looking for sponsors. Please refer to the materials for detailed information such as sponsorship plans.
 
-The first round of applications has now closed, and a second round of applications will begin soon, as there are still openings in some plans. Companies that have already been selected for the first round of applications can still apply for additional plans.
+A second round of applications is currently being accepted. Companies whose plans were confirmed in the first round of applications can still apply for additional plans.
 Specific details will be announced on the official website and the official X account ([@vuefes](https://x.com/vuefes){:target=“\_blank”}).

apps/web/app/content/ja/sponsor.md

@@ -1,4 +1,4 @@
 Vue.js に関わる人々が集まる Vue Fes Japan 2024 をより良いカンファレンスにするため、スポンサー募集をします。スポンサープランなどの詳しい内容は資料をご参照ください。
 
-現在、一次募集が終了し、一部のプランに空き枠があるため近日中に二次募集を開始予定です。一次募集でプランが確定された企業様におかれましても、追加お申し込みも可能となっています。
+現在、二次募集を実施しております。一次募集でプランが確定された企業様におかれましても、追加お申し込みも可能となっています。
 具体的な募集内容については、公式サイトや X 公式アカウント（[@vuefes](https://x.com/vuefes){:target="\_blank"}）にてご案内します。

apps/web/app/lang/en.json

@@ -6,8 +6,6 @@
   "not_found": "The page you are looking for cannot be found.",
   "prefix_year": "",
   "suffix_year": "2024",
-  "start_date": "April 8",
-  "end_date": "25,",
   "top_page": {
     "latest_information": "Get the latest information on our official social media",
     "date": "Octover 19th, 2024",
@@ -17,8 +15,10 @@
     "title": "Sponsors",
     "apply": "Apply",
     "apply_period": "Sponsor Application Period",
-    "check_doc": "View Sponsorship materials"
-  },
+    "check_doc": "View Sponsorship materials",
+    "start_date": "May 13",
+    "end_date": "25,"
+    },
   "form": {
     "title": "Inquiry",
     "form_name_label": "Name",

apps/web/app/lang/ja.json

@@ -6,8 +6,6 @@
   "not_found": "お探しのページが見つかりません。",
   "prefix_year": "2024",
   "suffix_year": "",
-  "start_date": "4.8",
-  "end_date": "4.25",
   "day_of_week": {
     "monday": "月",
     "tuesday": "火",
@@ -22,8 +20,10 @@
     "title": "スポンサー",
     "apply": "申し込む",
     "apply_period": "スポンサー申込期間",
-    "check_doc": "資料を見る"
-  },
+    "check_doc": "資料を見る",
+    "start_date": "5.13",
+    "end_date": "4.25"
+    },
   "form": {
     "title": "お問い合わせ",
     "form_name_label": "お名前",

packages/ui/.storybook/preview.js

@@ -11,26 +11,30 @@ const i18n = createI18n({
     ja: {
       prefix_year: '2024',
       suffix_year: '',
-      start_date: '4.8',
-      end_date: '4.25',
       day_of_week: {
         monday: '月',
         tuesday: '火',
         thursday: '木',
       },
+      sponsor: {
+        start_date: '4.8',
+        end_date: '4.25',
+      },
     },
     en: {
       prefix_year: '',
       suffix_year: '2024',
-      start_date: 'April 8',
-      end_date: '25,',
       // dummy
       day_of_week: {
         monday: '',
         tuesday: '',
         thursday: '',
       },
       // end dummy
+      sponsor: {
+        start_date: 'April 8',
+        end_date: '25,',  
+      },
     },
   },
 })

packages/ui/components/date/Date.stories.ts

@@ -64,6 +64,6 @@ export const I18n: Story = {
   name: 'i18n',
   render: () => ({
     components: { Date },
-    template:  '<Date :prefix-year="$t(`prefix_year`)" :suffix-year="$t(`suffix_year`)" :date="$t(`start_date`)" :dayOfWeek="$t(`day_of_week.monday`)" />'
+    template:  '<Date :prefix-year="$t(`prefix_year`)" :suffix-year="$t(`suffix_year`)" :date="$t(`sponsor.start_date`)" :dayOfWeek="$t(`day_of_week.monday`)" />'
   })
 }

packages/ui/components/date/DatePeriod.stories.ts

@@ -58,6 +58,6 @@ export const I18n: Story = {
   name: 'i18n',
   render: () => ({
     components: { DatePeriod },
-    template: '<DatePeriod :start="{prefixYear:$t(`prefix_year`),date:$t(`start_date`),dayOfWeek:$t(`day_of_week.monday`)}" :end="{suffixYear:$t(`suffix_year`),date:$t(`end_date`),dayOfWeek:$t(`day_of_week.tuesday`)}" />'
+    template: '<DatePeriod :start="{prefixYear:$t(`prefix_year`),date:$t(`sponsor.start_date`),dayOfWeek:$t(`day_of_week.monday`)}" :end="{suffixYear:$t(`suffix_year`),date:$t(`sponsor.end_date`),dayOfWeek:$t(`day_of_week.tuesday`)}" />'
   })
 }