Change the form's behaviour to use submission as the event trigger

WordPress · Nov 4, 2021 · e8e9ab8 · e8e9ab8
1 parent b65f224
commit e8e9ab8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Header/SearchBar/SearchBar.vue b/src/components/Header/SearchBar/SearchBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <form class="search-bar group flex flex-row">
+  <form class="search-bar group flex flex-row" @submit.prevent="handleSearch">
     <InputField
       v-model="text"
       class="flex-grow input-field"
@@ -10,7 +10,7 @@
     >
       {{ extraText }}
     </InputField>
-    <SearchButton @click="handleSearch" />
+    <SearchButton type="submit" />
   </form>
 </template>
 

diff --git a/src/components/Header/SearchBar/meta/SearchBar.stories.mdx b/src/components/Header/SearchBar/meta/SearchBar.stories.mdx
@@ -14,8 +14,8 @@ import SearchBar from '~/components/Header/SearchBar/SearchBar.vue'
     input: {
       action: 'input',
     },
-    searched: {
-      action: 'searched',
+    search: {
+      action: 'search',
     },
   }}
 />