3 files changed, 34 insertions, 2 deletions
diff --git a/components/PostList/PurePostList.stories.js b/components/PostList/PurePostList.stories.js
index 00516f8..3cb07f8 100644
--- a/components/PostList/PurePostList.stories.js
+++ b/components/PostList/PurePostList.stories.js
@@ -17,12 +17,14 @@ storiesOf('PurePostList', module)
   .add('loading', () => {
     return {
       components: { PurePostList },
-      template: `<pure-post-list :posts="posts" loading/>`
+      template: `<pure-post-list :posts="posts" loading/>`,
+      data: () => ({ posts: [] })
     }
   })
   .add('no posts', () => {
     return {
       components: { PurePostList },
-      template: `<pure-post-list :posts="posts"/>`
+      template: `<pure-post-list :posts="posts"/>`,
+      data: () => ({ posts: [] })
     }
   })
diff --git a/components/TheFooter.stories.js b/components/TheFooter.stories.js
new file mode 100644
index 0000000..ceb5015
--- /dev/null
+++ b/components/TheFooter.stories.js
@@ -0,0 +1,29 @@
+import { storiesOf } from '@storybook/vue'
+import { action } from '@storybook/addon-actions'
+
+import TheFooter from './TheFooter'
+
+export const routes = [
+  { path: '/', name: 'Strona główna' },
+  { path: '/download', name: 'Do pobrania' },
+  { path: '/kontakt', name: 'Kontakt' },
+  { path: '/kronika', name: 'Kronika' }
+]
+
+const footer = {
+  routes
+}
+
+const alwaysBottom = () => ({
+  template: `<div style="display:flex;flex-direction:column;min-height:100vh"><div style="flex:1"></div><story/></div>`
+})
+
+storiesOf('TheFooter', module)
+  .addDecorator(alwaysBottom)
+  .add('default', () => {
+    return {
+      components: { TheFooter },
+      template: `<the-footer :routes="routes" />`,
+      data: () => footer
+    }
+  })
diff --git a/components/Footer.vue b/components/TheFooter.vue
index 69ea76a..e19c86a 100644
--- a/components/Footer.vue
+++ b/components/TheFooter.vue
@@ -25,6 +25,7 @@
 
 <script>
 export default {
+  name: 'TheFooter',
   props: {
     routes: Array,
     specialRoutes: Array,