Estoy haciendo un proyecto escolar y actualmente solo estoy probando Vuex, quiero recuperar una lista de talleres de Vuex, pero parece que no puedo actualizar mi estado.

Este es mi backend de Nodo:

 router.get('/all', (req, res) => { Workshop.find({}) .then( workshop => { return res.status(201).json({ workshop: workshop, success: true }) }) .catch( err => { console.log(err) }) })

Este es mi resultado en Postman:

Esta es mi tienda Vuex:

 import axios from 'axios' const state = { workshop: {} } const getters = { workshop: state => state.workshop } const actions = { async getWorkshop({ commit }) { let res = await axios.get('http://localhost:5000/api/workshops/all'); commit('workshop_success', res.data.workshop); return res.data.workshop; } }; const mutations = { workshop_success(state, workshop) { state.workshop = workshop } }; export default { state, getters, actions, mutations }

Este es mi componente:

 <template> <p>{{ workshop }}</p> </template> <script> import { mapGetters, mapActions } from 'vuex' export default { computed: { ...mapGetters(['workshop']) }, methods: { ...mapActions(['getWorkshop']) }, created() { this.getWorkshop }, } </script>

El problema es que puedo obtener el estado del taller a través de Vuex, muestra un objeto vacío simple "{}" (que es el estado inicial), pero parece que no puedo activar la acción a través del enlace creado, y el estado no cambia. Si alguien tiene una idea de lo que hice mal, sería de gran ayuda, porque estoy realmente perdido en este momento. ¡Gracias de antemano!