text: import Vue from 'vue';
  import * as types from './mutation_types';
  
  export default {
    [types.SET_PROJECT_ID](state, projectId) {
      state.projectId = projectId;
    },
    [types.SET_GROUP_ID](state, groupId) {
      state.groupId = groupId;
    },
    [types.SET_GROUP_MILESTONES_AVAILABLE](state, groupMilestonesAvailable) {
      state.groupMilestonesAvailable = groupMilestonesAvailable;
    },
    [types.SET_SELECTED_MILESTONES](state, selectedMilestones) {
      Vue.set(state, 'selectedMilestones', selectedMilestones);
    },
    [types.CLEAR_SELECTED_MILESTONES](state) {
      Vue.set(state, 'selectedMilestones', []);
    },
    [types.ADD_SELECTED_MILESTONE](state, selectedMilestone) {
      state.selectedMilestones.push(selectedMilestone);
    },
    [types.REMOVE_SELECTED_MILESTONE](state, selectedMilestone) {
      const filteredMilestones = state.selectedMilestones.filter(
        (milestone) => milestone !== selectedMilestone,
      );
      Vue.set(state, 'selectedMilestones', filteredMilestones);
    },
    [types.SET_SEARCH_QUERY](state, searchQuery) {
      state.searchQuery = searchQuery;
    },
    [types.REQUEST_START](state) {
      state.requestCount += 1;
    },
    [types.REQUEST_FINISH](state) {
      state.requestCount -= 1;
    },
    [types.RECEIVE_PROJECT_MILESTONES_SUCCESS](state, response) {
      state.matches.projectMilestones = {
        list: response.data.map(({ title }) => ({ title })),
        totalCount: parseInt(response.headers['x-total'], 10),
        error: null,
      };
    },
    [types.RECEIVE_PROJECT_MILESTONES_ERROR](state, error) {
      state.matches.projectMilestones = {
        list: [],
        totalCount: 0,
        error,
      };
    },
    [types.RECEIVE_GROUP_MILESTONES_SUCCESS](state, response) {
      state.matches.groupMilestones = {
        list: response.data.map(({ title }) => ({ title })),
        totalCount: parseInt(response.headers['x-total'], 10),
        error: null,
      };
    },
    [types.RECEIVE_GROUP_MILESTONES_ERROR](state, error) {
      state.matches.groupMilestones = {
        list: [],
        totalCount: 0,
        error,
      };
    },
  };
  