feat(search-box): add autofocus capabilities

Closes: #179
algolia · Jul 19, 2017 · 0c91334 · 0c91334
1 parent f212155
commit 0c91334
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/SearchBox.vue b/src/components/SearchBox.vue
@@ -1,7 +1,7 @@
 <template>
   <form role="search" action="" @submit.prevent="onFormSubmit">
     <slot>
-      <ais-input :placeholder="placeholder"></ais-input>
+      <ais-input :search-store="searchStore" :placeholder="placeholder" :autofocus="autofocus"></ais-input>
       <button type="submit" :class="bem('submit')">
         <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 40 40">
           <title>{{ submitTitle }}</title>
@@ -11,7 +11,7 @@
           />
         </svg>
       </button>
-      <ais-clear>
+      <ais-clear :search-store="searchStore">
         <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20">
           <title>{{ clearTitle }}</title>
           <path
@@ -43,6 +43,10 @@ export default {
       type: String,
       default: 'clear',
     },
+    autofocus: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {