Creando la lógica general de nuestros modales con Vuex

Gracias a Vuex podemos comunicar componentes de diferentes partes de nuestra aplicación. Ahora, vamos a aprovechar esta funcionalidad para abrir nuestro modal cuando pulsamos el botón de Login en el Header.

Para este debemos configurar nuestro componente de modal para solo activarse cuando la variable del store es true. Así, podemos disparar un cambio a estas variables del store desde cualquier parte de la aplicación (por ejemplo, con el boton de login en el header) y abrir o cerrar el modal. Vamos a realizar este mismo proceso para cerrar el modal desde el icono de la X.