Do not submit if the input value is blank

WordPress · Nov 10, 2022 · 288a8e8 · 288a8e8
1 parent 7e1b2a5
commit 288a8e8
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/VHeader/VSearchBar/VStandaloneSearchBar.vue b/src/components/VHeader/VSearchBar/VStandaloneSearchBar.vue
@@ -67,9 +67,12 @@ export default defineComponent({
   setup(props, { emit }) {
     const inputRef = ref<HTMLInputElement | null>(null)
 
+    // Only emit `submit` if the input value is not blank
     const handleSearch = () => {
-      const searchTerm = inputRef.value?.value.trim() || ''
-      emit('submit', searchTerm)
+      const searchTerm = inputRef.value?.value.trim()
+      if (searchTerm) {
+        emit('submit', searchTerm)
+      }
     }
 
     const isHomeRoute = computed(() => props.route === 'home')