From 071502d869a95101fd9aad86d6f62e6dd55ef029 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Fri, 15 Aug 2025 01:37:46 +0900
Subject: [PATCH] =?UTF-8?q?fix(character-form):=20=EC=A0=80=EC=9E=A5=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EB=B9=84=ED=99=9C=EC=84=B1=20=EB=AC=B8?=
 =?UTF-8?q?=EC=A0=9C=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=ED=95=84=EC=88=98?=
 =?UTF-8?q?=20=EB=9D=BC=EB=B2=A8=20*=20=ED=91=9C=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 등록(create) 모드에서 필수값 충족 시 버튼 활성화되도록 유효성 처리 정비

- 필수 항목 라벨에 빨간색 * 표시

- 인물관계 입력 필드의 검증 규칙을 v-form 유효성에서 제외

- 인물관계 필드 힌트 문구 개선
---
 src/views/Chat/CharacterForm.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/views/Chat/CharacterForm.vue b/src/views/Chat/CharacterForm.vue
index ef3d470..f15511c 100644
--- a/src/views/Chat/CharacterForm.vue
+++ b/src/views/Chat/CharacterForm.vue
@@ -34,6 +34,7 @@
                   truncate-length="15"
                   outlined
                   dense
+                  :class="{ 'required-asterisk': !isEdit }"
                   :rules="imageRules"
                 />
               </v-col>
@@ -62,6 +63,7 @@
                   v-model="character.name"
                   label="캐릭터명"
                   :rules="nameRules"
+                  class="required-asterisk"
                   required
                   outlined
                   dense
@@ -76,6 +78,7 @@
                   v-model="character.description"
                   label="캐릭터 한 줄 소개"
                   :rules="descriptionRules"
+                  class="required-asterisk"
                   required
                   outlined
                   dense
@@ -110,6 +113,7 @@
                   min="0"
                   outlined
                   dense
+                  class="required-asterisk"
                   :rules="ageRules"
                   @input="validateNumberInput"
                 />
@@ -270,6 +274,7 @@
                   outlined
                   auto-grow
                   rows="4"
+                  :class="{ 'required-asterisk': !isEdit }"
                   :rules="systemPromptRules"
                 />
                 <div
@@ -824,7 +829,6 @@
                           outlined
                           dense
                           counter="10"
-                          :rules="personNameRules"
                         />
                       </v-col>
                       <v-col cols="8">
@@ -834,7 +838,6 @@
                           outlined
                           dense
                           counter="20"
-                          :rules="relationshipNameRules"
                         />
                       </v-col>
                     </v-row>
@@ -844,21 +847,19 @@
                       <v-col cols="5">
                         <v-text-field
                           v-model="newRelationship.relationshipType"
-                          label="관계 타입 (최대 10자)"
+                          label="관계 타입 (가족, 친구, 동료, 연인, 기타 등) (최대 10자)"
                           outlined
                           dense
                           counter="10"
-                          :rules="relationshipTypeRules"
                         />
                       </v-col>
                       <v-col cols="5">
                         <v-text-field
                           v-model="newRelationship.currentStatus"
-                          label="현재 상태 (최대 10자)"
+                          label="현재 상태 (생존, 사망, 불명 등) (최대 10자)"
                           outlined
                           dense
                           counter="10"
-                          :rules="relationshipStatusRules"
                         />
                       </v-col>
                       <v-col cols="2">
@@ -870,7 +871,6 @@
                           type="number"
                           min="1"
                           max="10"
-                          :rules="relationshipImportanceRules"
                         />
                       </v-col>
                     </v-row>
@@ -1668,4 +1668,9 @@ export default {
 .custom-caption {
   font-size: 16px !important;
 }
+
+.required-asterisk >>> .v-label::after {
+  content: ' *';
+  color: #ff5252;
+}
 </style>