Vuejs problem, my component renders data on navigate but not on refresh

I'm new to vue js,

my method fetchedData already fetch and set the data in the vuex store, the data is complete and perfect in the vuex store. The actions fetched the data and commit, the mutations set the data to the state, and the state in getters show the full data but in the template.component the array is still empty. here's the code:

https://stackoverflow.com/questions/76751553/vue-js-returns-an-an-empty-array