Bundles Vue independientes con estado coordinado.
Bus de comandos para carrito, favoritos y comparación entre componentes y pestañas.
Contexto
Distintos bundles Vue necesitaban comunicar cambios de carrito, comparación y favoritos sin depender de una única instancia de aplicación.
Implementación
Se entregó un bus de comandos JavaScript con BroadcastChannel, alternativa de storage para otras pestañas y CustomEvent para los oyentes de la misma pestaña. Incluye updateCart, updateCompare y updateFavorites.
La API permite ignorar eventos propios, cancelar suscripciones y cerrar el bus para liberar los recursos de los componentes.
Validación y alcance
La comprobación registrada en el navegador entregó updateCart con count 42 a un oyente local. Verifica esa ruta de comunicación, sin demostrar cobertura de todos los navegadores y combinaciones entre pestañas.
La arquitectura entregada permite reaccionar a eventos compartidos desde componentes independientes. El backend sigue siendo la fuente autoritativa del estado; no se atribuyen mejoras de latencia ni conversión.