From c94ab475abbb6a8a472c07c624e97df79475f620 Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Fri, 17 Jan 2025 10:48:00 +0900
Subject: [PATCH] =?UTF-8?q?=ED=95=84=EC=9A=94=EC=97=86=EB=8A=94=20?=
 =?UTF-8?q?=EC=BD=94=EB=93=9C=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/input/UserFormInput.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/input/UserFormInput.vue b/src/components/input/UserFormInput.vue
index 8c54b63..4e0217d 100644
--- a/src/components/input/UserFormInput.vue
+++ b/src/components/input/UserFormInput.vue
@@ -2,7 +2,7 @@
     <div class="mb-2">
         <label :for="name" class="col-md-2 col-form-label">
             {{ title }}
-            <span :class="isEssential ? 'text-red' : 'd-none'">*</span>
+            <span :class="isEssential ? 'link-danger' : 'd-none'">*</span>
         </label>
         <div class="col-md-12">
             <div v-if="useInputGroup" class="input-group mb-3">
@@ -14,10 +14,8 @@
                     :value="value"
                     :maxLength="maxlength"
                     :placeholder="title"
-                    aria-label="Recipient's username"
-                    :aria-describedby="`${name}-addon`"
                 />
-                <span class="input-group-text" :id="`${name}-addon`">@ localhost.co.kr</span>
+                <span class="input-group-text">@ localhost.co.kr</span>
             </div>
             <div v-else>
                 <input
@@ -82,7 +80,7 @@ const prop = defineProps({
     },
 });
 
-const emits = defineEmits(['update:data'])
+const emits = defineEmits(['update:data', 'update:alert'])
 
 const updateInput = function (event) {
     //Type Number 일때 maxlength 적용 안됨 방지
@@ -90,6 +88,10 @@ const updateInput = function (event) {
         event.target.value = event.target.value.slice(0, prop.maxlength);
     }
     emits('update:data', event.target.value);
+
+    // 값이 입력될 때 isAlert를 false로 설정
+    if (event.target.value.trim() !== '') { emits('update:alert', false); }
+
 };
 </script>