2.defining-stories.stories.vue

<script setup lang="ts">
import Button from '../components/Button.vue'
</script>
<template>
  <!--
    👇 The title prop is optional.
    See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
    to learn how to generate automatic titles
  -->
  <Stories
    title="docs/2. Defining stories/native"
    :component="Button"
  >
    <!--
      👇 Instead of using named exports as in a CSF file, 
      a story is defined using the <Story> component.
      The name of the story is specified via the `title` prop.
    -->
    <Story title="Primary">
      <Button
        primary
        label="Button"
      />
    </Story>
  </Stories>
</template>