Add PostList

2 files changed, 15 insertions, 37 deletions

diff --git a/pages/index.vue b/pages/index.vue
index 736e7f4..8b093df 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,16 +1,21 @@
 <template>
   <div>
-    <JoinUs />
-    <FacebookFeed />
+    <join-us />
+    <div style="width: 100%; padding-top: 50px">
+      <h1>Ostatnie wpisy z kroniki</h1>
+      <post-list :max="4" />
+    </div>
+    <facebook-feed />
   </div>
 </template>
 
 <script>
-import JoinUs from "../components/JoinUs.vue";
-import FacebookFeed from "../components/FacebookFeed.vue";
+import JoinUs from '~/components/JoinUs.vue'
+import FacebookFeed from '~/components/FacebookFeed.vue'
+import PostList from '~/components/PostList'
 
 export default {
-  name: "HomeView",
-  components: { JoinUs, FacebookFeed }
-};
+  name: 'HomeView',
+  components: { JoinUs, FacebookFeed, PostList }
+}
 </script>
\ No newline at end of file
diff --git a/pages/kronika/index.vue b/pages/kronika/index.vue
index cff3551..d9685c1 100644
--- a/pages/kronika/index.vue
+++ b/pages/kronika/index.vue
@@ -1,43 +1,16 @@
 <template>
   <div style="padding-top: 20px">
     <h2>Ostatnie wpisy</h2>
-    <div 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 />
   </div>
 </template>
 
 <script>
-import ChroniclePost from '~/components/ChroniclePost'
-import k from '~/api'
+import PostList from '~/components/PostList'
 
 export default {
   components: {
-    ChroniclePost
-  },
-  async asyncData() {
-    return {
-      posts: k.getPosts()
-    }
-  },
-  mounted() {
-    this.getPosts()
-  },
-  methods: {
-    getPosts() {
-      if (this.posts.length < 1) {
-        this.$axios
-          .get(`${window.location.origin}/api/posts.json`)
-          .then(r => (this.posts = r.data))
-      }
-      console.log(this.posts)
-    }
+    PostList
   }
 }
 </script>