```md
<!-- YourComponent.stories.mdx -->

import { Meta, Story } from '@storybook/addon-docs';

import YourComponent from './YourComponent.vue';

<!--👇 The title prop determines where your story goes in the story list -->
<Meta title="YourComponent" component={YourComponent} />

<!-- Render functions are a framework specific feature to allow you control on how the component renders -->

<!-- 👇 The args you need here will depend on your component -->
<Story
  name="FirstStory"
  args={{}}
  render={(args) => ({
    components: { YourComponent },
    setup() {
      return { args };
    },
    template: `<YourComponent v-bind="args" />`,
  })} />
```