From fff021075b3ea80297030ad3006630e3613cc5bd Mon Sep 17 00:00:00 2001
From: toshick <toshickjazz@mac.com>
Date: Thu, 21 Mar 2024 23:46:55 +0900
Subject: [PATCH] fix: revert FormPageSection.vue

---
 apps/web/app/components/FormPageSection.vue | 58 +++++++++++++++------
 1 file changed, 41 insertions(+), 17 deletions(-)

diff --git a/apps/web/app/components/FormPageSection.vue b/apps/web/app/components/FormPageSection.vue
index 3d2bedbf..a43937f5 100644
--- a/apps/web/app/components/FormPageSection.vue
+++ b/apps/web/app/components/FormPageSection.vue
@@ -38,22 +38,51 @@ const updateDetail = (e: any) => {
           {{ $t('form.title') }}
         </VFTitle>
       </div>
-      <div class="subtitle" :style="{
-            fontWeight: fontWeight('body/300'),
-            fontSize: fontSize('body/300'),
-            color: color('vue-blue'),
-          }">
+      <div
+        class="subtitle"
+        :style="{
+          fontWeight: fontWeight('body/300'),
+          fontSize: fontSize('body/300'),
+          color: color('vue-blue'),
+        }"
+      >
         <MarkDownText path="form" />
       </div>
       <div class="form">
         <form @submit="onSubmit">
-          <VFInputField id="name" v-model="name" name="name" :label="$t('form.form_name_label')"
-            :placeholder="$t('form.form_name_placeholder')" required :error="nameError" @input="updateName"
-            @blur="validateName" />
-          <VFInputField id="email" v-model="email" name="email" :label="$t('form.form_email_label')"
-            placeholder="hello@vuefes.jp" required :error="emailError" @input="updateEmail" @blur="validateEmail" />
-          <VFTextAreaField id="detail" v-model="detail" name="detail" :label="$t('form.form_text_label')" :rows="3"
-            required :error="detailError" @input="updateDetail" @blur="validateDetail" />
+          <VFInputField
+            id="name"
+            v-model="name"
+            name="name"
+            :label="$t('form.form_name_label')"
+            :placeholder="$t('form.form_name_placeholder')"
+            required
+            :error="nameError"
+            @input="updateName"
+            @blur="validateName"
+          />
+          <VFInputField
+            id="email"
+            v-model="email"
+            name="email"
+            :label="$t('form.form_email_label')"
+            placeholder="hello@vuefes.jp"
+            required
+            :error="emailError"
+            @input="updateEmail"
+            @blur="validateEmail"
+          />
+          <VFTextAreaField
+            id="detail"
+            v-model="detail"
+            name="detail"
+            :label="$t('form.form_text_label')"
+            :rows="3"
+            required
+            :error="detailError"
+            @input="updateDetail"
+            @blur="validateDetail"
+          />
           <div class="form-button">
             <VFSubmitButton :disabled="!isSubmitting">
               {{ $t('form.submit') }}
@@ -74,7 +103,6 @@ section {
   background: url(/form-bg.png), linear-gradient(rgba(255, 255, 255, 0.8), rgba(235, 240, 245, 0.8));
   background-blend-mode: soft-light;
 }
-
 .form-root {
   display: grid;
   gap: 40px;
@@ -83,22 +111,18 @@ section {
   width: 100%;
   grid-template-columns: minmax(0, 1fr);
 }
-
 .title {
   text-align: center;
 }
-
 .subtitle {
   display: grid;
   place-items: center;
   gap: 40px;
 }
-
 form {
   display: grid;
   gap: 40px;
 }
-
 .form-button {
   margin: 0 auto;
   width: 260px;