2 files changed, 8 insertions, 42 deletions
diff --git a/pages/kronika/_year/_month/_day/_title/index.vue b/pages/kronika/_year/_month/_day/_title/index.vue
index fa9a9ab..dafa237 100644
--- a/pages/kronika/_year/_month/_day/_title/index.vue
+++ b/pages/kronika/_year/_month/_day/_title/index.vue
@@ -4,9 +4,9 @@
       <h1>404</h1>
       <p>Nie znaleziono wpisu</p>
     </div>
-    <div v-else class="article">
+    <section v-else class="article">
       <article class="content" v-html="content"></article>
-    </div>
+    </section>
   </div>
 </template>
 
@@ -79,4 +79,4 @@ export default {
     text-align: justify;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/kronika/index.vue b/pages/kronika/index.vue
index d28c2ca..8142a6c 100644
--- a/pages/kronika/index.vue
+++ b/pages/kronika/index.vue
@@ -1,52 +1,18 @@
 <template>
   <div style="padding-top: 20px">
     <h2>Ostatnie wpisy</h2>
-    <div v-if="posts" class="post-list">
-      <chronicle-post
-        v-for="(post, index) in posts"
-        :key="index"
-        :route="post.route"
-        :title="post.content.meta.title"
-        :description="post.content.description"
-      />
-    </div>
+    <post-list :posts="posts" />
   </div>
 </template>
 
 <script>
-import ChroniclePost from '~/components/ChroniclePost'
-import k from '~/api'
+import PostList from '~/components/Posts/PostList'
+import postListParentMixin from '~/components/Posts/PostList/parentMixin'
 
 export default {
   components: {
-    ChroniclePost
+    PostList
   },
-  async asyncData() {
-    return {
-      posts: process.client ? undefined : k.getPosts()
-    }
-  },
-  mounted() {
-    if (process.client && this.posts === undefined) {
-      this.getPosts().then(posts => (this.posts = posts))
-    }
-  },
-  methods: {
-    async getPosts() {
-      const r = await this.$axios.get(
-        `${window.location.origin}/api/posts.json`
-      )
-      return r.data
-    }
-  }
+  mixins: [postListParentMixin]
 }
 </script>
-
-<style scoped>
-.post-list {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  max-width: 900px;
-}
-</style>
\ No newline at end of file