vueのstorybookにobjectのpropsを入れるメモ

よく見るやつ

import { storiesOf } from '@storybook/vue'
import ItemComponent from './ItemComponent.vue'

storiesOf('ItemComponent', module).add('default', () => {
  const title = 'test'
  return {
    components: { ItemComponent },
    template: `
      <item-component title='${title}' />`
  }
})

いや、そうじゃないんだよな…
Objectとか型付けたデータを渡したい…

…よく見たらこれ、.vueの中身を返してるだけじゃね？

import { storiesOf } from '@storybook/vue'
import ItemComponent from './ItemComponent.vue'
import Item from '@/types/Item'

storiesOf('ItemComponent', module).add('default', () => {
  const item: Item = {
    id: 'ddd',
    title: 'test',
    body: 'test'
  }
  return {
    components: { ItemComponent },
    data: () => {
      return {
        item
      }
    },
    template: `
      <item-component :item='item' />`
  }
})

こうじゃ！！！！！！！！！

めでたしめでたし。