Repository: storybook
Issue: code examples with vue not complete
Labels: bug,block: source,vue3,sev:S2

### Describe the bug

I have the following vue component:
```html
<script setup lang="ts">
</script>
  <template>
    <div
      class="rounded-[30px] py-[50px] px-[30px] border-[3px] border-[#7EB3931A] bg-white fb-shadow"
    >
      <slot />
    </div>
  </template>
<style scoped></style>
```
For this component i created the following story

```ts
import type { Meta, StoryObj } from '@storybook/vue3'

import Card from './Card.vue'
import Text from '../Text/Text.vue'

// More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
const meta: Meta<typeof Card> = {
  title: 'UI/Card',
  component: Card,
  subcomponents: { Text },
  argTypes: {
    default: {
      control: {
        type: 'text'
      }
    }
  },
  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
  tags: ['autodocs']
}

export default meta
type Story = StoryObj<typeof Card>
/*
 *👇 Render functions are a framework specific feature to allow you control on how the component renders.
 * See https://storybook.js.org/docs/vue/api/csf
 * to learn how to use render functions.
 */
export const Default: Story = {
  render: (args) => ({
    components: { Card },
    setup: () => ({ args }),
    template: '<Card v-bind="args" v-html="args.default"> </Card>'
  }),
  args: {
    default: 'This is a card'
  }
}

export const WithContent: Story = {
  render: (args, { argTypes }) => ({
    components: { Card, Text },
    setup: () => ({ args }),
    props: Object.keys(argTypes),
    template: `
            <Card>
                <Text tag="h3">This is a card title</Text>
                <Text tag="p">This is a card description</Text>
            </Card>
        `
  })
}
```

when i open the code example for the withcontent story it shows this code:
```html
<template>
  <Card>
    <Text />
    <Text />
  </Card>
</template>
```
But i expected it to show this:
```html
  <Card>
      <Text tag="h3">This is a card title</Text>
      <Text tag="p">This is a card description</Text>
  </Card>
```


### To Reproduce

_No response_

### System

```shell
Environment Info:

  System:
    OS: Windows 10 10.0.19044
    CPU: (12) x64 Intel(R) Core(TM) i7-10750H CPU @ 2.60GHz  
  Binaries:
    Node: 16.13.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 8.1.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (112.0.1722.58)
  npmPackages:
    @storybook/addon-docs: ^7.0.6 => 7.0.6 
    @storybook/addon-essentials: ^7.0.6 => 7.0.6 
    @storybook/addon-interactions: ^7.0.6 => 7.0.6 
    @storybook/addon-links: ^7.0.6 => 7.0.6 
    @storybook/addon-storysource: ^7.0.6 => 7.0.6 
    @storybook/addon-styling: ^1.0.1 => 1.0.1 
    @storybook/blocks: ^7.0.6 => 7.0.6 
    @storybook/testing-library: ^0.1.0 => 0.1.0 
    @storybook/vue3: ^7.0.6 => 7.0.6 
    @storybook/vue3-vite: ^7.0.6 => 7.0.6
```


### Additional context

_No response_