From 5a3726dc1eb31b4a57a55ccd19d1c0c9f1b8f4ae Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Sun, 18 Aug 2019 18:33:52 +0200
Subject: [PATCH] fix: v-model behavior vuejs/vue#9777

---
 src/components/SiteSearch.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/SiteSearch.vue b/src/components/SiteSearch.vue
index 0add50a..1dbfd03 100644
--- a/src/components/SiteSearch.vue
+++ b/src/components/SiteSearch.vue
@@ -7,15 +7,16 @@
       <label for="search" class="hidden">Search</label>
 
       <input
-        v-model="query"
-        ref="search"
         class="transition-fast relative block h-10 w-full lg:w-1/2 lg:focus:w-3/4 bg-gray-100 border border-gray-500 focus:border-blue-400 outline-none cursor-pointer text-gray-700 px-4 pb-0 pt-px"
         :class="{ 'transition-border': query }"
         autocomplete="off"
         name="search"
         placeholder="Search"
-        type="text"
+        type="search"
+        ref="search"
+        @keyup="query = $refs.search.value"
         @keyup.esc="reset()"
+        @keyup.enter="goTo()"
       />
 
       <button
@@ -94,11 +95,12 @@ export default {
       })
     },
     reset() {
-      console.log('reseted')
-      this.query = ''
+      this.$refs.search.value = ''
       this.searching = false
     },
     goTo(to) {
+      if (!to) to = this.results[0] && this.results[0].permalink
+      if (!to) return
       this.$router.push(to)
       this.reset()
     }