Блог

Я пробую новый Vuex4 для Vue3 и задавался вопросом, как я мог бы выполнить общий ActionAugment, чтобы мутации и типы мутаций были общими, и каждый модуль мог использовать этот общий тип.

 import { ActionContext } from 'vuex';

// globalStore.ts

type State = {
  app: AppState;
}

// How can I make use of M and MT, to avoid AppMutation and AppMutationType
type ActionAugment<S, M, MT> = Omit<ActionContext<S, State>, 'commit'> amp; {
  commit(
    key: AppMutationType,
    payload: Parameters<AppMutation[AppMutationType]>[1]
  ): ReturnType<AppMutation[AppMutationType]>;
}

// end globalStore.ts

// appStore.ts

type AppState = {
  isLoaded: boolean;
};

enum AppMutationType {
  Mutation = 'MUTATION',
}

enum AppActionType {
  Action = 'ACTION',
}

type AppMutation = {
  [AppMutationType.Mutation](state: AppState, isLoaded: boolean): void;
}

const actions = {
  [AppActionType.Action]({ commit }: ActionAugment<AppState, AppMutation, AppMutationType>, isLoaded: boolean) {
    commit(AppMutationType.Mutation, isLoaded);
  },
};

// end appStore.ts