CODEWITHSUNDEEP
vuexvuejs3mutationvue-devtools
ahmed raza
ahmed raza

Reputation: 31

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

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

Upvotes: 3

Views: 2225

Answers (2)

vasaeps3
vasaeps3

Reputation: 31

Just go to "Timeline"

Upvotes: 0

Suraj Kohli
Suraj Kohli

Reputation: 567

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 Chrome Devtools window

Upvotes: 2

Related Questions