Auto sincronziar producto después de 3 segundos

resources/js/components/Producto/ProductoCantidad.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="field has-addons">
         <div class="control">
-            <button class="button is-small" @click.capture="decrementar();">
+            <button :disabled="cantidad < 1" class="button is-small" @click.capture="decrementar();">
                 <i class="fa fa-solid fa-minus"></i>
             </button>
         </div>
@@ -50,9 +50,18 @@
         methods: {
             decrementar() {
                 this.cantidad -= 1;
+                this.programarSincronizacion();
             },
             incrementar() {
                 this.cantidad += 1;
+                this.programarSincronizacion();
+            },
+            programarSincronizacion() {
+                setTimeout(() => {
+                    if (this.hayCambios()) {
+                        this.confirmar();
+                    }
+                }, 3000);
             },
             confirmar() {
                 Event.$emit('sync-subpedido', this.cantidad, this.producto.id);