diff options
Diffstat (limited to 'components')
-rw-r--r-- | components/Facebook/FacebookFeed.stories.js | 13 | ||||
-rw-r--r-- | components/Facebook/FacebookFeed.vue (renamed from components/FacebookFeed.vue) | 10 | ||||
-rw-r--r-- | components/Facebook/FacebookFindUsButton.stories.js | 13 | ||||
-rw-r--r-- | components/Facebook/FacebookFindUsButton.vue (renamed from components/FacebookFindUsButton.vue) | 0 | ||||
-rw-r--r-- | components/PostList/PurePostList.stories.js | 3 |
5 files changed, 33 insertions, 6 deletions
diff --git a/components/Facebook/FacebookFeed.stories.js b/components/Facebook/FacebookFeed.stories.js new file mode 100644 index 0000000..4eced7f --- /dev/null +++ b/components/Facebook/FacebookFeed.stories.js @@ -0,0 +1,13 @@ +import { storiesOf } from '@storybook/vue' +import { center } from '../../.storybook/decorators' + +import FacebookFeed from './FacebookFeed' + +storiesOf('FacebookFeed', module) + .addDecorator(center) + .add('default', () => { + return { + components: { FacebookFeed }, + template: `<facebook-feed />` + } + }) diff --git a/components/FacebookFeed.vue b/components/Facebook/FacebookFeed.vue index 9d2d251..56172f4 100644 --- a/components/FacebookFeed.vue +++ b/components/Facebook/FacebookFeed.vue @@ -1,12 +1,12 @@ <template> <section class="feed"> <h1>Zobacz co siÄ™ dzieje!</h1> - <FacebookFindUsButton /> + <facebook-find-us-button /> </section> </template> <script> -import FacebookFindUsButton from "./FacebookFindUsButton.vue"; +import FacebookFindUsButton from './FacebookFindUsButton.vue' export default { components: { @@ -15,11 +15,15 @@ export default { props: { pageId: String } -}; +} </script> <style scoped> .feed { margin: 50px 0; } + +.feed > h1 { + text-align: center; +} </style> \ No newline at end of file diff --git a/components/Facebook/FacebookFindUsButton.stories.js b/components/Facebook/FacebookFindUsButton.stories.js new file mode 100644 index 0000000..e76f8f9 --- /dev/null +++ b/components/Facebook/FacebookFindUsButton.stories.js @@ -0,0 +1,13 @@ +import { storiesOf } from '@storybook/vue' +import { center } from '../../.storybook/decorators' + +import FacebookFindUsButton from './FacebookFindUsButton' + +storiesOf('FacebookFindUsButton', module) + .addDecorator(center) + .add('default', () => { + return { + components: { FacebookFindUsButton }, + template: `<facebook-find-us-button />` + } + }) diff --git a/components/FacebookFindUsButton.vue b/components/Facebook/FacebookFindUsButton.vue index 9a27c11..9a27c11 100644 --- a/components/FacebookFindUsButton.vue +++ b/components/Facebook/FacebookFindUsButton.vue diff --git a/components/PostList/PurePostList.stories.js b/components/PostList/PurePostList.stories.js index cf812f7..00516f8 100644 --- a/components/PostList/PurePostList.stories.js +++ b/components/PostList/PurePostList.stories.js @@ -1,15 +1,12 @@ import { storiesOf } from '@storybook/vue' -import { center } from '../../.storybook/decorators' import { postLink } from '../PostLink.stories' import PurePostList from './PurePostList' export const posts = Array(5).fill(postLink) -console.log(posts) storiesOf('PurePostList', module) - .addDecorator(center) .add('default', () => { return { components: { PurePostList }, |