How to patch a state value from component

[webbby]

My component fails to update store state neither $patch invoke nor action binding works

component:

<template>
    <p>{{userStore.name}}</p>
</template>

<script>
import { mapState } from 'pinia'
import { mapActions } from 'pinia'
import  {userStore} from "../../my.store";

export default {
    name: "myComponent",
    computed: {
        ...mapState(userStore, {
            userStore: 'user',
        })
    },
    methods: {
        ...mapActions(userStore, { updateUserName: 'updateName' })
    },
    created() {
        // None of these work
        const newName = 'Johny';
        this.userStore.$patch((state) => {
          state.name = newName;
        });
        this.updateUserName(newName);
    }
}
</script>

store:

import { defineStore } from 'pinia'

export const userStore = defineStore('user', {
    state () {
        return {
            user: {
                name: "Peter"
            }
        }
    },
    actions() {
        return {
            updateName(state, name) {
                this.user.name = name;
            }
        }
    }
});

There's no info of how to pass parameter to action nor how invoking it either

[webbby]

OK, the problem was the return statement in actions

actions() {
    return {
        updateName(state, name) {
            this.user.name = name;
        }
    }
}

should be

actions: {
    updateName(name) {
        this.user.name = name;
    }
}

As far as patching the state that works , too

<template>
    <p>{{userStore.name}}</p>
</template>

<script>
import { mapState } from 'pinia'
import { mapActions } from 'pinia'
import  {userStore} from "../../my.store";

export default {
    name: "myComponent",
    computed: {
        ...mapState(userStore, {
            userStore: 'user',
        })
    },
    methods: {
        ...mapActions(userStore, { updateUserName: 'updateName' })
    },
    created() {
        // patch state
        const newName = 'Johny';
        const storeInstance = userStore();
        storeInstance.$patch((state) => {
          state.name = newName;
        });
        // now the name is  'Johny'
    }
}
</script>