add small menu

resources/js/components/TopBar.vue

@@ -4,7 +4,7 @@
             <Avatar :avatar="authUser.data.attributes.avatar" size="small" :alt="authUser.data.attributes.name" class="mr-1"/>
             {{ authUser.data.attributes.name }}
         </router-link>
-        <form v-if="authUser" class="search-box">
+        <form v-if="authUser && search" class="search-box">
             <input type="search" name="search" placeholder="Search">
             <button type="submit" value="S">
                 <svg-vue icon="search" />
@@ -33,6 +33,11 @@
         components: {
             Avatar
         },
+        data: function () {
+            return {
+                search: false,
+            }
+        },
         computed: {
             ...mapGetters({
                 authUser: 'authUser',