Как скрыть следующее состояние и предыдущее состояние в журналах vuex?

Question

Вот как я инициализирую vuex:

Vue.use(Vuex);
const store = new Vuex.Store({
  plugins: [createLogger({logger: console, collapsed: true})],
  strict: true,
  state: state,
  getters: getters,
  mutations: mutations,
  actions: actions,
});
Vue.prototype.$store = store;
export default store;

Журналы, которые я получаю, похожи на:

'мутация ADD_VIDEO_CREDIT @ 15: 53: 13.903'

'% c prev state' 'цвет: # 9E9E9E;font-weight: bold '{profile: // огромная куча текста

'% c мутация '' цвет: # 03A9F4;font-weight: bold '{type:' ADD_CREDIT ', полезная нагрузка: {credit: 4}}

'% c следующее состояние '' цвет: # 4CAF50;font-weight: bold '{profile: // еще одна огромная куча текста

Во сне я хотел бы получить только:

type:' ADD_CREDIT ',полезная нагрузка: {credit: 4}

Что я получу от этого?

Answer 1

Функция createLogger принимает несколько функций, вы можете использовать функцию фильтра, чтобы переопределить фактические результаты мутации для печати в консоли в требуемом формате

Vue.use(Vuex);
const store = new Vuex.Store({
  plugins: [
   createLogger({
  logger: console,
  collapsed: true,
  filter (mutation, stateBefore, stateAfter) {
    console.log(mutation);
    return false;
  },
}),
],
  strict: true,
  state: state,
  getters: getters,
  mutations: mutations,
  actions: actions,
});
Vue.prototype.$store = store;
export default store;