Usando pedido de vuex

resources/js/components/comunes/NavBar.vue

@@ -5,8 +5,10 @@
                 <img src="/assets/logoMPS.png" height="28">
             </a>
             <p class="navbar-item hide-below-1024">
+                {{ `Núcleo: ${nombre}` }}
             </p>
             <p class="navbar-item">
+                {{ `Barrio: ${grupo_de_compra}` }}
             </p>
             <chismosa-dropdown
                 v-if="pedidoDefinido"
@@ -50,7 +52,7 @@
 
 <script>
 import ChismosaDropdown from '../pedidos/ChismosaDropdown.vue';
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 
 export default {
     components: { ChismosaDropdown },
@@ -61,7 +63,9 @@ export default {
         }
     },
     computed: {
-        ...mapGetters('pedido',["pedidoDefinido"]),
+        ...mapGetters('pedido', ["pedidoDefinido"]),
+        ...mapState('pedido',["nombre"]),
+        ...mapState('barrio',["grupo_de_compra"]),
     },
     methods: {
         ...mapActions('productos', ["filtrarProductos"]),

resources/js/components/pedidos/Body.vue

@@ -22,9 +22,11 @@ export default {
     methods: {
         ...mapActions('productos',["init"]),
         ...mapActions('pedido',["getPedido"]),
+        ...mapActions('barrio',["getGrupoDeCompra"]),
     },
     async mounted() {
         await this.init();
+        await this.getGrupoDeCompra();
         await this.getPedido();
         Event.$on('toggle-chismosa', (activa) => {
             this.chismosaActiva = activa;

resources/js/components/pedidos/ChismosaDropdown.vue

@@ -13,6 +13,7 @@
 
 <script>
 import Chismosa from './Chismosa.vue'
+import { mapState } from "vuex";
 export default {
     components: {
         Chismosa
@@ -26,9 +27,11 @@ export default {
     data() {
         return {
             activa: false,
-            total: 0,
         }
     },
+    computed: {
+        ...mapState('pedido',["total"]),
+    },
     mounted() {
         Event.$on('pedido-actualizado', this.actualizar);
     },
@@ -37,9 +40,6 @@ export default {
             this.activa = !this.activa;
             Event.$emit("toggle-chismosa", this.activa);
         },
-        actualizar() {
-            this.total = this.$root.pedido.total;
-        },
     },
 }
 </script>