How to save current user data when leaving his page in Vue?

Question

JavaScript

Guys and hello again.
There is a page with user data where he can edit them.
There are no buttons. the data needs to be saved before it leaves the page.
tried through

beforeRouteLeave(to, from, nextr) {
              debugger
              this.$store.dispatch('saveUserData', this.user);

              next();

          }

he passes it to action, here he comes (watched the debugger)

export const saveUserData = ({commit}, user) => {
    debugger
    commit(types.SAVE_USER_DATA), {
        user: user

    }
}

but in the mutation it seems to write user undefined

[types.SAVE_USER_DATA] (state, { user }) {
        debugger
         state.user = user
     }

Where is the mistake? tell

Answer 1

This post is weird:

commit(types.SAVE_USER_DATA), {
        user: user

    }

should be something like:
commit(types.SAVE_USER_DATA, {user: user})