Snippet - vuex -> pinia

users.js

import {
  SET_ALL_USERS,
  SET_ALL_REF_USERS
} from "../types.js";
import allUsersService from "../../api/allUsersService";
import allRefUsersService from "../../api/allRefUsersService";
import {post, url} from "../../api";

const namespaced = true;

function initialState() {
  return {
    allUsers: [],
    allReferralUsers: []
  };
}

const getters = {
  allUsers: state => state.allUsers,
  allReferralUsers: state => state.allReferralUsers,
};

const actions = {
  getAllUsers({ commit }) {
    allUsersService
    .get('?is_client=true')
        .then(response => {
          commit(SET_ALL_USERS, response.data);
        })
        .catch(error => {
        });
  },
  getReferralUsers({ commit }) {
    let resultsArr = []
    return Promise.all([allRefUsersService.getCardholders(), allRefUsersService.getReferrals()])
      .then(results => {
        results.forEach((result, index) => {
          if (result.status == 200) {
            resultsArr = [...resultsArr, ...result.data]
          } else {
            throw new Error(result)
          }
        });
        commit(SET_ALL_REF_USERS, resultsArr);
      })
      .catch(err => {
        return err.response.data
      })
      .finally(() => {
        this.loading = false;
      })
  }
};

const mutations = {
  [SET_ALL_USERS](state, value) {
    state.allUsers = value
  },
  [SET_ALL_REF_USERS](state, value) {
    state.allReferralUsers = value
  },
};

// export const plugins = [
//   createPersistedState()
// ];
export default {
  namespaced: true,
  state: initialState,
  getters,
  actions,
  // plugins,
  mutations
};