첫번째 입력 값 공백 X

src/components/search/SearchBar.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="input-group mb-3 d-flex">
-        <input type="text" class="form-control" placeholder="Search" @change="search" />
+        <input type="text" class="form-control" placeholder="Search" @change="search" @input="preventLeadingSpace" />
         <button type="button" class="btn btn-primary"><i class="bx bx-search bx-md"></i></button>
     </div>
 </template>
@@ -15,11 +15,17 @@
     });
 
     const emits = defineEmits(['update:data']);
+
     const search = function (event) {
+
         //Type Number 일때 maxlength 적용 안됨 방지
         if (event.target.value.length > props.maxlength) {
             event.target.value = event.target.value.slice(0, props.maxlength);
         }
         emits('update:data', event.target.value);
     };
+
+    const preventLeadingSpace = function (event) {
+        event.target.value = event.target.value.trimStart();
+    }
 </script>