I have been working on organizing my code in Vuex actions to improve readability and efficiency. Specifically, I want to extract the axios call into its own method, but I haven't been successful so far.
Below is a snippet of my code:
async updateProfile({ commit, dispatch }: any, user: User):Promise<User> {
console.log(user)
console.log("currentUser")
const response = await axios.request({
method: "PUT",
url: `/users/me/profile`,
data: user
});
console.log(response)
console.log("response")
return user;
},
async updateUserProfile(user: any): Promise<User> {
return await axios.request({
method: "PUT",
url: `/users/me/profile`,
data: user
});
},
The commented-out line where dispatch is being called to update the user profile results in a 400 error when I replace it with axios.request. Additionally, changing 'user: any' to 'user: User' triggers an incompatible property type error pertaining to 'actions'.