SearchFieldコンポーネントのinputをenterキーの時だけ機能するようにする

Author: kaizumaki

components/SearchField.vue

@@ -4,7 +4,7 @@
     type="search"
     placeholder="検索"
     :value="value"
-    @input="$emit('input', $event.target.value)"
+    @keydown.enter="search"
   />
 </template>
 
@@ -18,6 +18,12 @@ export default Vue.extend({
       default: '',
     },
   },
+  methods: {
+    search($event: { keyCode: number; target: { value: string } }): void {
+      if ($event.keyCode !== 13) return
+      this.$emit('input', $event.target.value)
+    },
+  },
 })
 </script>