==== Может кто дать комментарий по вот такой реализации? const tplDefault =

Question

==== Может кто дать комментарий по вот такой реализации? const tplDefault =

{ id: null };
const indexDefault = {
country_code: {},
state: {},
city: {}
}

const initialState = {
index: cloneDeep( indexDefault ),

items: {},

tpl : cloneDeep( tplDefault ),
item: cloneDeep( tplDefault ),
};
export const state = () => cloneDeep( initialState );

const mutationAddItem = ({ insertItems, insertIndex }, { item, payload }) => {
insertItems[ item.id ] = item;

let countryCode = item.attributes.country_code;
let state = item.attributes.state;
let city = item.attributes.city;

if (! insertIndex.country_code[ countryCode ]) insertIndex.country_code[ countryCode ] = {};
if (! insertIndex.state[ state ]) insertIndex.state[ state ] = {};
if (! insertIndex.city[ city ]) insertIndex.city[ city ] = {};

insertIndex.country_code[ countryCode ][ item.id ] = true;
insertIndex.state[ state ][ item.id ] = true;
insertIndex.city[ city ][ item.id ] = true;
};

export const mutations = {
SET_ITEMS(state, { items, ...payload }) {
let insertItems = {};
let insertIndex = { ...indexDefault };
Object.values( items ).forEach( item => {
mutationAddItem( { insertItems, insertIndex }, { item, payload } );
} );

state.items = {
...state.initial.items,
...insertItems,
};

for ( let key in insertIndex ) {
if (Object.keys( insertIndex[ key ] ).length) {
Vue.set( state.index, key, {
...state.index[ key ],
...insertIndex[ key ],
} );
}
}
},
};