stash

frontend/src/components/BaseLayout.vue

@@ -6,7 +6,7 @@
                 <a class="sidebar-toggle d-flex" @click="toggleSidebar">
                     <i class="hamburger align-self-center"></i>
                 </a>
-                <SearchBox/>
+                <SearchBox v-if="!hideSearch"/>
                 <div class="navbar-collapse collapse">
                     <ul class="navbar-nav navbar-align">
                         <Notifications :notifications="notifications"/>

frontend/src/components/SearchBox.vue

@@ -1,5 +1,5 @@
 <template>
-    <form class="d-none d-sm-inline-block">
+    <form class="d-none d-sm-inline-block" @submit.prevent="search">
         <div class="input-group input-group-navbar">
             <input type="text" class="form-control" placeholder="Search…" aria-label="Search" v-model="query" ref="search-text" />
             <button class="btn" type="button" @click.prevent="search">
@@ -18,6 +18,10 @@ export default {
     components: {
         ...BIcons
     },
+    model: {
+        prop: "query",
+        event: "change"
+    },
     data() {
         return {
             query: ""
@@ -31,6 +35,12 @@ export default {
                 this.$refs["search-text"].focus();
         }
     },
+    watch: {
+        query() {
+            //emit event
+            this.$emit("change", this.query);
+        }
+    },
     mounted() {
         //console.log(this.$route)
         //console.log(this.$route.params.query)