Updating a tour package using Axios and Vuex

We are in the last section of this chapter, and this section is about updating a tour package using a PUT HTTP request and Vuex. We are going to create another form for editing a tour package. So let's start.

The first task is to update services.js in the store/tour directory:

export async function putTourPackageAxios(tourList) {
  return await api.put(`TourPackages/${tourList.id}`, 
  tourList);
}

We are adding a new service that sends a PUT request to our backend server.

Next, we update types.js of the store/tour folder again:

export const UPDATE_TOUR_PACKAGE = "UPDATE_TOUR_PACKAGE";

The preceding code is a new action type for updating a tour package.

Next, we also update actions.js in the store/tour folder:

import { getTourListsAxios, deleteTourListAxios,
  postTourListAxios, deleteTourPackageAxios,
  postTourPackageAxios, putTourPackageAxios,
} from &quot...