필요없는 코드 삭제

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>