Vuex state properties didn't update in vue-devtools

[pixieaka]

export default new Vuex.Store({
    state: {
        user: 'test'
    },
    mutations: {
    },
    actions: {
    },
    modules: {
    }
});

<template>
    <div class="about">
        <h1>This is an about page</h1>
        <button @click="done">done</button>
    </div>
</template>

<script>
export default {
    methods: {
        done() {
            this.$store.commit.user = "test2";
            console.log(this.$store.commit.user);
        },
    },
};
</script>

After click done button

[vue-bot]

Hello, thank you for taking time filling this issue!

However, we kindly ask you to use our Issue Helper when creating new issues, in order to ensure every issue provides the necessary information for us to investigate. This explains why your issue has been automatically closed by me (your robot friend!).

I hope to see your helper-created issue very soon!