components/Ranking/RankingList.stories.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

import { storiesOf } from '@storybook/vue'
import { center } from '../../.storybook/decorators'

import RankingList from './RankingList'

import { rankingEntry } from './RankingEntry.stories'

const rankingList = {
  scores: Array(3).fill(rankingEntry)
}

storiesOf('Ranking/RankingList', module)
  .addDecorator(center)
  .add('default', () => {
    return {
      components: { RankingList },
      template: `<ranking-list :scores="scores" />`,
      data: () => rankingList
    }
  })