diff options
Diffstat (limited to 'pages/kronika/index.vue')
-rw-r--r-- | pages/kronika/index.vue | 41 |
1 files changed, 3 insertions, 38 deletions
diff --git a/pages/kronika/index.vue b/pages/kronika/index.vue index 4a89a48..d9685c1 100644 --- a/pages/kronika/index.vue +++ b/pages/kronika/index.vue @@ -1,52 +1,17 @@ <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> -<style scoped> -.post-list { - display: flex; - flex-wrap: wrap; - justify-content: center; - max-width: 900px; -} -</style> \ No newline at end of file |