From c8d1969352f04c4cac78ea8e4af1c445ff88b232 Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Tue, 27 May 2025 19:21:20 -0300
Subject: [PATCH] Migas simplificadas por renderizarse solo despues de que el
 pedido se defina

---
 resources/js/components/pedidos/NavMigas.vue | 29 ++++++++------------
 1 file changed, 11 insertions(+), 18 deletions(-)

diff --git a/resources/js/components/pedidos/NavMigas.vue b/resources/js/components/pedidos/NavMigas.vue
index 3b175e0..c229a97 100644
--- a/resources/js/components/pedidos/NavMigas.vue
+++ b/resources/js/components/pedidos/NavMigas.vue
@@ -1,5 +1,5 @@
 <template>
-    <nav v-if="pedidoDefinido" class="breadcrumb is-centered has-background-danger-light is-fixed-top"
+    <nav class="breadcrumb is-centered has-background-danger-light is-fixed-top"
          aria-label="breadcrumbs" v-show="visible">
         <ul class="mt-4">
             <li v-for="(miga, i) in migas" :key="i" :class="{'is-active': i === migaActiva}">
@@ -11,33 +11,26 @@
 </template>
 
 <script>
-import { mapActions, mapGetters, mapMutations, mapState } from "vuex";
+import { mapActions, mapMutations, mapState } from "vuex";
 
 export default {
     methods: {
-        ...mapActions('productos',["getProductos"]),
-        ...mapActions('ui',["clickMiga"]),
-        ...mapMutations('ui',["addMiga"]),
+        ...mapActions('productos', ["getProductos"]),
+        ...mapActions('ui', ["clickMiga"]),
+        ...mapMutations('ui', ["addMiga"]),
     },
     computed: {
-        ...mapState('ui',["migas"]),
-        ...mapGetters('pedido',["pedidoDefinido"]),
+        ...mapState('ui', ["migas"]),
         visible() {
-            return this.migas.length > 0
+            return this.migas.length > 0;
         },
         migaActiva() {
-            return this.migas.length - 1
+            return this.migas.length - 1;
         },
-        pedido() {
-            return this.pedidoDefinido
-        }
     },
-    watch: {
-        pedido(newValue) {
-            if (newValue)
-                this.addMiga({ nombre: 'Categorias', action: 'productos/getProductos' });
-        }
-    }
+    mounted() {
+        this.addMiga({ nombre: 'Categorias', action: 'productos/getProductos' });
+    },
 }
 </script>