$ amplify add api
? Please select from one of the below mentioned services: (Use arrow keys)
❯ GraphQL
  REST

? Provide API name: xxxx-xxxxx API名です

? Choose the default authorization type for the API
  API key
❯ Amazon Cognito User Pool  <- 今回はCognitoでログイン認証したユーザー向けのAPIなのでコレ
  IAM
  OpenID Connect

? Do you want to configure advanced settings for the GraphQL API (Use arrow keys)
❯ No, I am done.
  Yes, I want to make some additional changes.

? Do you have an annotated GraphQL schema? (y/N) N

? Do you want a guided schema creation? (Y/n) Y

? What best describes your project:
❯ Single object with fields (e.g., “Todo” with ID, name, description) <- シンプルな一つのスキーマで試すならコレ
  One-to-many relationship (e.g., “Blogs” with “Posts” and “Comments”)
  Objects with fine-grained access control (e.g., a project management app with owner-based authorization)

? Do you want to edit the schema now? No

The following types do not have '@auth' enabled. Consider using @auth with @model
   - Todo
Learn more about @auth here: https://aws-amplify.github.io/docs/cli-toolchain/graphql#auth


GraphQL schema compiled successfully.

Edit your schema at ~/amplify/backend/api/xxxxxxxxx/schema.graphql or place .graphql files in a directory at ~/amplify/backend/api/xxxxxx/schema
Successfully added resource xxxxxxxx locally

type Todo @model {
  id: ID!
  name: String!
  description: String
}

type Blog @model @auth(rules: [{allow: owner}]) {
  id: ID!
  name: String!
  posts: [Post] @connection(name: "BlogPosts")
}
type Post @model @auth(rules: [{allow: owner}]) {
  id: ID!
  title: String!
  blog: Blog @connection(name: "BlogPosts")
  comments: [Comment] @connection(name: "PostComments")
}
type Comment @model @auth(rules: [{allow: owner}]) {
  id: ID!
  content: String
  post: Post @connection(name: "PostComments")
}

$ brew cask install corretto

$ amplify mock

GraphQL schema compiled successfully.

Edit your schema at ~/amplify/backend/api/xxxxxxxxx/schema.graphql or place .graphql files in a directory at ~/amplify/backend/api/xxxxxxxxx/schema
Creating table BlogTable locally
Creating table PostTable locally
Creating table CommentTable locally
Running GraphQL codegen
? Choose the code generation language target (Use arrow keys)
❯ javascript
  typescript
  flow

? Enter the file name pattern of graphql queries, mutations and subscriptions (src/graphql/**/*.js)
? Do you want to generate/update all possible GraphQL operations - queries, mutations and subscriptions Y
? Enter maximum statement depth [increase from default if your schema is deeply nested] 2
✔ Generated GraphQL operations successfully and saved at src/graphql
AppSync Mock endpoint is running at http://192.168.3.11:20002

<template>
  <div>
    Top
    トップページです
    <amplify-sign-out></amplify-sign-out>
  </div>
</template>

<script>
import { API, graphqlOperation } from "aws-amplify";
import { listBuyHistorys } from '../graphql/queries';

export default {
  name: {
    "Top"
  },
  data() {
    return {
      blogs: []
    }
  },
  async created() {
    this.blogs = await API.graphql(graphqlOperation(listBuyHistorys))
    console.log('blogs: ', this.blogs)
  },
  beforeCreate () {
    //console.log(this.$router)
  }
}
</script>

const todoDetails = {
  name: 'My todo!',
  description: 'Hello world!'
};

const todo = await API.graphql({
  query: queries.createTodo,
  variables: {input: todoDetails},
});
const deletedTodo = await API.graphql(graphqlOperation(mutations.createTodo, {input: todo}));