Restablecer el estado en Vuex

Vuex es un almacén de datos centralizado que nos permite alterar la información de forma sencilla a través de acciones y mutaciones.

El estado de una aplicación son los datos que maneja, si tu aplicación es un blog, seguramente tendrás un estado similar al siguiente:

https://gist.github.com/iparrabb/0a83b3e40887ecf65c93e00ac1d1d035

Para poder manejar esa información podrías crear acciones, mutaciones y getters de la siguiente forma:

https://gist.github.com/iparrabb/a96e8eca00090923c4ad89483d38a997

Imagina que tienes tu aplicación con un montón de datos, y por algún motivo necesitas empezar de 0, hay muchas aplicaciones que tienen este requerimiento, el usuario interactúa y llega un momento que necesita volver a empezar, para ello podemos restablecer el estado en Vuex, lo que significa que el initialState que hayamos definido volverá a estar activo y todos los datos que se habían generado desaparecerán.

https://gist.github.com/iparrabb/cdb8842ff9f641a8fab284773166f170

Cómo puedes ver, he añadido una nueva acción y una nueva mutación, simplemente por ejecutar la acción resetState ésta ejecutará la mutación [types.RESET_STATE], y una vez eso suceda, nuestro estado volverá a su estado inicial de nuevo.

Así de fácil es restablecer el estado en Vuex, espero que te haya gustado y parecido útil.