[Bug]: Incorrect code snippet when using v-bind to bind args inside a render() of a story.

[vinodkola1337]

Describe the bug

Hello!

I am trying to use render() to write custom template for my story. I am binding my args using 'v-bind' inside my template. However, when the show code renders, it still shows the 'v-bind' in the code snippet, which is wrong.

When I copy the show code and use it in application, it won't work. For example, let's say I am binding 'label' prop of value 'test'. But the rendered code snippet displays it as 'v-bind:label=''test"'. But there isn't a const/val defined for test.

Screenshot:

To Reproduce

https://stackblitz.com/edit/github-ka9jqq?file=src%2Fstories%2FButton.stories.ts&preset=node

System

System:
    OS: Windows 10 10.0.19045
    CPU: (8) x64 Intel(R) Core(TM) i7-10610U CPU @ 1.80GHz
  Binaries:
    Node: 18.17.0 - C:\Program Files\nodejs\node.EXE
    npm: 9.6.7 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (116.0.1938.62)
  npmPackages:
    @storybook/addon-a11y: ^7.3.2 => 7.3.2
    @storybook/addon-designs: ^7.0.1 => 7.0.1
    @storybook/addon-essentials: ^7.1.0 => 7.2.1
    @storybook/addon-interactions: ^7.1.0 => 7.2.1
    @storybook/addon-links: ^7.1.0 => 7.2.1
    @storybook/blocks: ^7.1.0 => 7.2.1
    @storybook/testing-library: ^0.2.0 => 0.2.0
    @storybook/vue3: ^7.1.0 => 7.2.1
    @storybook/vue3-vite: ^7.1.0 => 7.2.1

Additional context

No response