Component.vue

<template>
  <div v-if="posts.length > 0">
    <post v-for="post in posts" :key="post.id" :post="post" />
  </div>
</div>

<script>
import Post from '@/components/Post'
export default {
  name: 'Posts',
  components: {
    Post
  },
  data () {
    return {
      posts: []
    }
  },
  async mounted () {
    const {data} = this.$store.dispatch('fetchPosts')
    this.posts = data.posts;
  }
}
</script>