Не вызываются экшены/мутации при использовании vuex-module-decorators
Имеется такого вида кусок стора:
@Module({
name: 'api/Filters',
namespaced: true,
})
export default class Filters extends VuexModule {
gender: IFilterGender = {
type: 'Пол',
list: {
female: 'Женский',
male: 'Мужской',
genderless: 'Бесполый',
},
selected: 'none',
};
status: IFilterStatus = {
type: 'Статус',
list: { alive: 'Жив', dead: 'Скончался' },
selected: 'none',
};
// здесь пачка геттеров (они работают)
@Mutation
SET_FILTER({
type,
selected,
}: {
type: 'gender' | 'status';
selected: string;
}) {
this[type].selected = selected;
}
}
При вызове экшенов/мутаций (в данном примере мутация SET_FILTER), будет падать в ошибку "is not a function". Если вывести в консольлог этот стор, то там не будет мутаций/экшенов, во вью девтулс их также не отображает.
Пример вызова внутри компонента:
setFilter(target: HTMLElement, type: string) {
const option = target.getAttribute('data-option');
store.state.filtersStore.SET_FILTER({
type: type,
selected: option,
});
}
Куда копать?