feat: student support program closure update (#876)

* refactor: remove unused VFButton component and related styles from SectionStudentSupport

* fix: update student support program status and appreciation message

* fix: update student support program status and applicant communication

* save

---------

Co-authored-by: ubugeeei <ubuge1122@gmail.com>

Author: naokihaba

app/pages/_components/SectionStudentSupport.vue

@@ -1,19 +1,25 @@
 <script setup lang="ts">
 import { useI18n } from "#imports";
-import { VFSection, JaStudentSupport, EnStudentSupport, VFButton } from "#components";
+import { VFSection, JaStudentSupport, EnStudentSupport, JaStudentSupportClosed, EnStudentSupportClosed, VFButton } from "#components";
 import { HOME_HEADING_ID } from "~/constant";
 
 const { locale, t } = useI18n();
+const isApplicationClosing = __FEATURE_STUDENT_SUPPORT_APPLICATION_CLOSING__;
 </script>
 
 <template>
   <VFSection
     :id="HOME_HEADING_ID.studentSupport"
     :title="t('student.title')"
   >
-    <component :is="locale === 'ja' ? JaStudentSupport : EnStudentSupport" />
+    <component
+      :is="
+        isApplicationClosing
+          ? locale === 'ja' ? JaStudentSupportClosed : EnStudentSupportClosed
+          : locale === 'ja' ? JaStudentSupport : EnStudentSupport"
+    />
 
-    <div class="button-container">
+    <div v-if="!isApplicationClosing" class="button-container">
       <VFButton
         link="https://esa-pages.io/p/sharing/6906/posts/1210/765e5b76cdf415899e3f.html"
         external
@@ -33,13 +39,11 @@ const { locale, t } = useI18n();
 
 <style scoped>
 @import "~/assets/styles/custom-media-query.css";
-
 .button-container {
   display: flex;
   justify-content: center;
   gap: 16px;
   margin-top: 2rem;
-
   @media (--mobile) {
     display: grid;
     place-items: center;

features.d.ts

@@ -3,3 +3,6 @@ const __FEATURE_TIMETABLE__: boolean;
 
 /** defined by ViteConfig.define on nuxt.config.ts */
 const __FEATURE_EVENT__: boolean;
+
+/** defined by ViteConfig.define on nuxt.config.ts */
+const __FEATURE_STUDENT_SUPPORT_APPLICATION_CLOSING__: boolean;

i18n/en/student-support-closed.md

@@ -0,0 +1,5 @@
+Thank you very much for the numerous applications to the Vue Fes Japan 2025 Student Support Program. As we have reached the capacity for this program, applications are now closed. We sincerely appreciate everyone who applied.
+
+All applicants will be contacted via email. If you have not received an email, please contact us through the inquiry form.
+
+We hope that Vue Fes Japan 2025 will be a fruitful opportunity for learning and networking for everyone.

i18n/ja/student-support-closed.md

@@ -0,0 +1,5 @@
+Vue Fes Japan 2025 学生支援制度へ多数のご応募をいただき、誠にありがとうございました。本プログラムの定数に達したため、募集は終了いたしました。ご応募いただいたすべての皆様に、心より感謝申し上げます。
+
+ご応募いただいた皆様には、メールにてご連絡いたします。メールが届いていない方は、お問い合わせフォームよりお問い合わせください。
+
+Vue Fes Japan 2025 が、皆様にとって実りある学びと出会いの場となることを願っております。

nuxt.config.ts

@@ -60,6 +60,7 @@ export default defineNuxtConfig({
     // for server
     __FEATURE_TIMETABLE__: !["0", undefined].includes(process.env.FEATURE_TIMETABLE), // ?
     __FEATURE_EVENT__: !["0", undefined].includes(process.env.FEATURE_EVENT), // ?
+    __FEATURE_STUDENT_SUPPORT_APPLICATION_CLOSING__: !["0", undefined].includes(process.env.FEATURE_STUDENT_SUPPORT_APPLICATION_CLOSING), // 9/25
 
     siteUrl: process.env.NODE_ENV === "production"
       ? process.env.CONTEXT === "production"
@@ -108,6 +109,7 @@ export default defineNuxtConfig({
     define: {
       __FEATURE_TIMETABLE__: process.env.FEATURE_TIMETABLE || false, // ?
       __FEATURE_EVENT__: process.env.FEATURE_EVENT || false, // ?
+      __FEATURE_STUDENT_SUPPORT_APPLICATION_CLOSING__: process.env.FEATURE_STUDENT_SUPPORT_APPLICATION_CLOSING || false, // 9/25
     },
     css: {
       transformer: "lightningcss",

package.json

@@ -26,8 +26,8 @@
     ]
   },
   "scripts": {
-    "build": "cross-env NODE_OPTIONS='--max-old-space-size=4096' FEATURE_EVENT=1 nuxt build",
-    "dev": "cross-env FEATURE_TIMETABLE=0 FEATURE_EVENT=1 nuxt dev",
+    "build": "cross-env NODE_OPTIONS='--max-old-space-size=4096' FEATURE_STUDENT_SUPPORT_APPLICATION_CLOSING=0 FEATURE_EVENT=1 nuxt build",
+    "dev": "cross-env FEATURE_STUDENT_SUPPORT_APPLICATION_CLOSING=0 FEATURE_TIMETABLE=0 FEATURE_EVENT=1 nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "check": "nuxi typecheck",