Los datos se cargan en la matriz de tareas y los veo en la herramienta de desarrollo vue. Cuando actualiza la página, la matriz resultante de vuex está vacía

archivo vuex:

 export const timelineState = { tasks: [], }; export const timelineMutations = { getTasks(state, value) { state.tasks = value; } }; export const timelineActions = { getByProjects({ commit }, query) { timelineApi.getByProjects(query) .then((respons) => { commit("getTasks", respons.data); }) .catch((error) => { console.log(error); }); }, };

archivo vue:

 export default { name: "Timeline", data() { return { t: [] } } methods: { ...mapActions("timeline", [ "getByProjects" ]), }, computed: { ...mapState("timeline", [ "tasks", ]), }, created() { let query = { dateFrom: this.dateFrom, dateTo: this.dateTo, }; this.getByProjects(query); this.t = this.tasks }, }

Cuando navego a la página, carga los datos, pero si los actualizo, no. Los datos serían necesarios porque necesitan ser ordenados. Encontré una manera de guardarlo en el almacenamiento local, pero no quiero almacenar los datos. leí vuex-persistedstate pero no sé si es una buena solución porque no se mantiene