Ahora si, cantidad en modal y en tarjeta

resources/js/app.js

@@ -56,6 +56,17 @@ const app = new Vue({
         pedido: null
       }
     },
+    computed: {
+      productos: function() {
+        return this.pedido.productos
+      }
+    },
+    methods: {
+      cantidad(producto) {
+        let pedido = this.productos.some(p => p.id == producto.id)
+        return pedido ? this.productos.find(p => p.id == producto.id).pivot.cantidad : 0
+      }
+    },
     mounted() {
       Event.$on('obtener-sesion', () => {
         axios.get('/subpedidos/obtener_sesion')

resources/js/components/Chismosa.vue

@@ -45,14 +45,9 @@
 
 <script>
     export default {
-        data() {
-            return {
-                subpedido: this.$root.pedido
-            }
-        },
         computed: {
             productos: function() {
-                return this.$root.pedido.productos
+                return this.$root.productos
             },
             cantidadBonosDeTransporte: function() {
                 return this.$root.pedido.subtotal_bonos_de_transporte / 15

resources/js/components/ProductoModal.vue

@@ -91,8 +91,7 @@
 		  mounted() {
 		    Event.$on('producto-seleccionado', (producto) =>  {
 		      this.producto = producto;
-              this.cantidad = this.$root.pedido.productos.includes(producto) ? 
-                              producto.pivot.cantidad : 0
+              this.cantidad = this.$root.cantidad(producto)
 		      this.visible = true;
 		      Event.$emit("migas-agregar",this.miga);
 		    });

resources/js/components/ProductosContainer.vue

@@ -20,6 +20,7 @@
                   <p class="title is-6" v-text="producto.nombre"></p>
                   <p class="subtitle is-7" v-text="producto.proveedor"></p>
                   <p class="subtitle is-7">$<span v-text="producto.precio"></span></p>
+                  <p class="subtitle has-text-right is-7" v-if="producto.cantidad != 0"><span v-text="producto.cantidad"></span> en chismosa</p>
                 </div>
               </div>
             </div>
@@ -56,6 +57,7 @@ export default {
 	        params: this.params(filtro,valor)
 	      }).then(response => {
 	        this.productos = response.data.data;
+			this.productos.forEach(p => p.cantidad = this.$root.cantidad(p))
 	      });
 	      this.visible = true;
 	      Event.$emit("migas-agregar",this.miga);