Arreglado bug de chismosa

app/Http/Controllers/Api/SubpedidoController.php

@@ -80,7 +80,7 @@ class SubpedidoController extends Controller
         $producto = Producto::find($valid['producto_id']);
 
         $subpedido->syncProducto($producto, $valid['cantidad']);
-        return $subpedido;
+        return new SubpedidoResource($subpedido);
     }
 
 }

public/js/app.js

@@ -61,7 +61,9 @@ Vue.component('nav-bar', {
         axios.post("/api/subpedidos/"+this.subpedido.id+"/sync", {
             cantidad: cantidad,
             producto_id: id
-        }).then(() => {
+        }).then((response) => {
+            this.subpedido = response.data.data;
+            Event.$emit('sync-chismosa',this.subpedido);
             bulmaToast.toast({
               message: 'Pedido actualizado exitosamente',
               duration: 1000,
@@ -69,7 +71,6 @@ Vue.component('nav-bar', {
               position: 'bottom-center',
               animate: { in: 'fadeIn', out: 'fadeOut' }
             });
-            this.actualizarSubpedido();
         });
     });
   }

public/js/chismosa.js

@@ -63,8 +63,8 @@ Vue.component('chismosa', {
         }
     },
     mounted() {
-        Event.$on('sync-subpedido', () =>  {
-            this.fetchSubpedido();
+        Event.$on('sync-chismosa', (subpedido) =>  {
+            this.subpedido = subpedido;
         });
         Event.$on('toggle-chismosa', () => {
             this.init = false;

public/js/productos.js

@@ -160,7 +160,7 @@ Vue.component('producto-container', {
           </section>
           <footer class="modal-card-foot">
               <!-- Habría que ver si cambiar el botón cuando al cantidad es 0 -->
-              <button class="button is-success" :disabled="cant <= 0" @click="agregarProducto">Agregar a la chismosa</button>
+              <button class="button is-success" :disabled="cant <= 0" @click="agregarProducto">Aceptar</button>
               <button class="button" @click.capture="cerrar">Cancelar</button>
           </footer>
       </div>