In my Vue/Vuex project, I have a simple setup where I retrieve a list of categories from my database using an HTTP GET request. Before implementing Vuex, I used to fetch this data directly in my main component when it was created. Now with Vuex, I have getters, mutations, and actions set up. However, I am unsure about the correct way or location to make the GET request and populate the state object 'categories' in Vuex. Should I still make the GET request in my component's creation and then update the Vuex state through actions, or is there a more efficient approach? I would appreciate some guidance on the best practices for handling this situation with Vuex.