How to record mutation and action in "vue js dev tools" beta version?

Question

I'm working on vue3 and managing state using Vuex, but I'm not able to load mutation and actions in the vuejs devtools beta version. Also no recording feature. Image of my vuejs Devtools

Answer 1

Update

Updated Vue DevTool chrome extension released couple of hours back with support for tracking mutations / actions!!

---

Looks like Vue Devtool beta for Vue 3 doesn't support recording actions / mutations yet.

The best alternative I have found is to use createLogger() plugin, which will then log all actions and mutations to the console.

import { createStore, createLogger } from "vuex";
export default createStore({
    state: {},
    mutations: {},
    actions: {},
    modules: {},
    plugins: [createLogger()]
});

Chrome Devtools window

Answer 2

Just go to "Timeline"