From b00824bddc9b88acd4f4c20dfc7e82252be7c7ca Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Thu, 27 Feb 2025 11:07:03 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B2=AB=EB=B2=88=EC=A7=B8=20=EC=9E=85?=
 =?UTF-8?q?=EB=A0=A5=20=EA=B0=92=20=EA=B3=B5=EB=B0=B1=20X?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/search/SearchBar.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/search/SearchBar.vue b/src/components/search/SearchBar.vue
index a9c1052..ad0fcf7 100644
--- a/src/components/search/SearchBar.vue
+++ b/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>