Migas para ollas

resources/js/components/ollas/OllasBody.vue

@@ -1,16 +1,18 @@
 <script>
 import PedidosMain from "../pedidos/PedidosMain.vue";
-import { mapActions } from "vuex";
+import { mapActions, mapMutations } from "vuex";
 
 export default {
     name: "OllasBody",
     components: { PedidosMain },
     methods: {
         ...mapActions('pedido', ["getPedidoDeOllas", "getGrupoDeCompra"]),
+        ...mapMutations('ui', ["migasOllas"])
     },
     async mounted() {
         await this.getGrupoDeCompra();
         await this.getPedidoDeOllas();
+        this.migasOllas();
     },
 }
 </script>

resources/js/store/modules/ui.js

@@ -35,7 +35,10 @@ const mutations = {
     reset(state) {
         state.show_chismosa = false;
         state.show_devoluciones = false;
-    }
+    },
+    migasOllas(state) {
+        state.migas.reverse().pop();
+    },
 };
 
 const actions = {
@@ -53,7 +56,7 @@ const actions = {
         }
 
         dispatch(miga.action, miga.arguments ?? null, { root: true });
-        state.migas = dropWhile(state.migas.reverse(),(m => m.nombre !== miga.nombre)).reverse();
+        state.migas = dropWhile(state.migas.reverse(), (m => m.nombre !== miga.nombre)).reverse();
     },
     toast(_, { mensaje }) {
         return window.bulmaToast.toast({
@@ -72,6 +75,9 @@ const actions = {
     resetear({ commit }) {
         commit("reset");
     },
+    migasOllas({ commit }) {
+        commit("migasOllas");
+    },
 };
 
 export default {