Posts.vue

<template>
  <div>{{ posts }}</div><!-- posts con comentarios -->
</template>
<script>
const queryListPosts = `query ListPosts(
  $filter: ModelPostFilterInput
  $limit: Int
  $nextToken: String
) {
  listPosts(filter: $filter, limit: $limit, nextToken: $nextToken) {
    items {
      id
      owner
      title
      body
      status
      createdAt
      updatedAt
      comments {
        items {
          id
          owner
          comment
          createdAt
        }
      }
    }
  }
}`;
import { API, graphqlOperation } from "aws-amplify";
export default {
  name: "PostList",
  async mounted() {
    let filter = {};
    const { data } = await API.graphql(
      graphqlOperation(queryListPosts, {
        filter
      })
    );
    this.posts = data.listPosts.items;
  },
  data() {
    return {
      posts: []
    };
  }
};
</script>