Using Pinia Store with Storybook in Vue 3: Prop Not Updating in Storybook Preview

[ivanbacher]

Summary

I am using Vue3 + webpack and Pinia.

First I was unable to get the data store working with Storybook, but came across this issue that had a fix: #24347

Now I am able to use the pinia store with Story Book. In short, the solution was to just access the store in the setup step:

export const Default = {
 render: (args) => ({
    components: { MyComponent },
    setup() {
       const store = useStore() // need to have this here to avoid an error
       
      const userId = store.createUser()
      
      args.userId = userId
    },
   template: '<MyComponent v-bind="args" />',
}

This all works, the correct prop is passed to the component. However, in the story book view, the prop is not picked up. It's empty. E.g.

Any way to fix this?

Additional information

No response

Create a reproduction

No response