From 94b2846695b2bdd096d857f815e84682f833ec18 Mon Sep 17 00:00:00 2001
From: Chrissi2812 <cf@pixel-kraft.de>
Date: Tue, 28 May 2019 13:53:15 +0200
Subject: [PATCH] focus search input on toggleSearch event

---
 examples/Components/Routes/Search/index.vue | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/examples/Components/Routes/Search/index.vue b/examples/Components/Routes/Search/index.vue
index 379dac65..85c113aa 100644
--- a/examples/Components/Routes/Search/index.vue
+++ b/examples/Components/Routes/Search/index.vue
@@ -107,7 +107,7 @@
 
         <button
             class="menubar__button"
-            @click="toggleSearch"
+            @click="editor.commands.toggleSearch"
         >
           Search
           <div
@@ -163,16 +163,6 @@ export default {
     EditorMenuBar,
     Icon,
   },
-  methods: {
-    toggleSearch() {
-      this.editor.commands.toggleSearch()
-      this.$nextTick(() => {
-        if (this.$refs.search) {
-          this.$refs.search.focus()
-        }
-      })
-    },
-  },
   data() {
     return {
       searching: false,
@@ -201,6 +191,13 @@ export default {
         onUpdate: ({ getJSON }) => {
           this.json = getJSON()
         },
+        onToggleSearch: searching => {
+          this.$nextTick(() => {
+            if (searching) {
+              this.$refs.search.focus()
+            }
+          })
+        },
         content: `
           <h2>
             Hi there,