Definiendo acciones en Vuex - Tutorial de Vue.js

Te voy a explicar cómo definir acciones en Vuex en una aplicación Vue implementada TypeScript. Para eso vamos a ver un ejemplo comparando JavaScript y TypeScript. En JavaScript, para poder implementar una acción, simplemente declaramos una función asíncrona, como puedes ver aquí. Esta función asíncrona recibe un objeto 'contexto' por el cual nosotros podemos llamar y hacer 'commit' de las mutaciones del estado. En este ejemplo simplemente lo que se hace es que se simula la llamada a un servicio remoto y luego los datos se pasan dentro del 'commit' para llamar esta mutación a través de un 'string' que indica el nombre de la mutación. En TypeScript, debido a que es un lenguaje en donde nosotros debemos definir cada uno de los tipos que vayamos utilizan en la aplicación, requiere más implementación. Aquí vamos a ver un ejemplo. En este ejemplo yo he decidido declarar una acción que se llama 'AUTENTICAR_USUARIO'. Esta acción va a ser llamada por los componentes cuando el usuario haga…