[Bug]: When args are updated in Vue 3 x 7.1, the controls UI does not update

[Sidnioulz]

Describe the bug

The controls UI does not seem to re-render when the UPDATE_STORY_ARGS is emitted on the channel.

To Reproduce

• Write a Vue 3 story on Storybook 7.1
• Call updateArgs (see sample code)
• Notice the controls tab's args do not update
• Click on another canvas tab, e.g. events
• Go back to the controls tab, notice the arg is now up to date

System

Need to install the following packages:
  storybook@7.1.0
Ok to proceed? (y) 

Environment Info:

  System:
    OS: Linux 6.2 Arch Linux
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1185G7 @ 3.00GHz
  Binaries:
    Node: 16.20.0 - /usr/bin/node
    Yarn: 1.22.19 - /usr/bin/yarn
    npm: 8.19.4 - ~/Development/design-system/node_modules/.bin/npm
  npmPackages:
    @storybook/addon-a11y: ^7.0.20 => 7.1.0 
    @storybook/addon-actions: ^7.0.20 => 7.1.0 
    @storybook/addon-essentials: ^7.0.20 => 7.1.0 
    @storybook/addon-interactions: ^7.0.20 => 7.1.0 
    @storybook/addon-links: ^7.0.20 => 7.1.0 
    @storybook/addon-measure: ^7.0.20 => 7.1.0 
    @storybook/addon-storysource: ^7.0.20 => 7.1.0 
    @storybook/addon-viewport: ^7.0.20 => 7.1.0 
    @storybook/addons: ^7.0.20 => 7.1.0 
    @storybook/core-server: ^7.0.20 => 7.1.0 
    @storybook/jest: ^0.1.0 => 0.1.0 
    @storybook/manager-api: ^7.0.20 => 7.1.0 
    @storybook/testing-library: ^0.1.0 => 0.1.0 
    @storybook/theming: ^7.0.20 => 7.1.0 
    @storybook/vue3: ^7.0.20 => 7.1.0 
    @storybook/vue3-vite: ^7.0.20 => 7.1.0

Additional context

Happy to work on this, but I might need help from maintainers to understand how components can access channel events.

[vanessayuenn]

@Sidnioulz thanks for raising this and the interest in working on this. Feel free to reach out on #contributing in Discord to get help to get started!