Focusing and auto-hiding search tooltip. Separated Girl Girl from Jules Jordan.

assets/components/header/header.vue

@@ -61,7 +61,12 @@
 
         <Search class="search-full" />
 
-        <v-popover class="search-compact">
+        <v-popover
+            class="search-compact"
+            :open="searching"
+            @show="searching = true"
+            @hide="searching = false"
+        >
             <button
                 type="button"
                 class="search-button"
@@ -71,7 +76,9 @@
 
             <Search
                 slot="popover"
+                :searching="searching"
                 class="compact"
+                @search="searching = false"
             />
         </v-popover>
     </header>
@@ -84,6 +91,11 @@ export default {
     components: {
         Search,
     },
+    data() {
+        return {
+            searching: false,
+        };
+    },
 };
 </script>