Componentes para items de NavBar

resources/js/components/comunes/Burger.vue

@@ -0,0 +1,30 @@
+<script>
+import { mapMutations, mapState } from "vuex";
+
+export default {
+    name: "Burger",
+    computed: {
+        ...mapState('ui', ["burger_activa"])
+    },
+    methods: {
+        ...mapMutations('ui', ["toggleBurger"]),
+    }
+}
+</script>
+
+<template>
+    <a role="button"
+       class="navbar-burger"
+       :class="{'is-active': burger_activa}"
+       aria-label="menu"
+       aria-expanded="false"
+       data-target="nav-bar"
+       @click="toggleBurger">
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+    </a>
+</template>
+
+<style scoped>
+</style>

resources/js/components/pedidos/Buscador.vue

@@ -0,0 +1,42 @@
+<script>
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "Buscador",
+    methods: {
+        ...mapActions('productos', ["filtrarProductos"]),
+        ...mapMutations('ui', ["addMiga", "popUltimaBusqueda", "toggleBurger"]),
+        buscar() {
+            if (this.burger_activa)
+                this.toggleBurger();
+            this.filtrarProductos({ filtro: "nombre", valor: this.searchString });
+            this.popUltimaBusqueda();
+            this.addMiga({ nombre: this.searchString });
+        }
+    },
+    data() {
+        return {
+            searchString: "",
+        }
+    },
+}
+</script>
+
+<template>
+    <div class="navbar-item field has-addons mt-1 mr-3 mb-1">
+        <a class="button is-small has-text-dark-grey" @click.capture="buscar">
+                        <span class="icon">
+                          <i class="fas fa-search"></i>
+                        </span>
+        </a>
+        <input class="input is-small"
+               type="text"
+               placeholder="Harina"
+               v-model="searchString"
+               @keyup.enter="buscar">
+    </div>
+</template>
+
+<style scoped>
+
+</style>