Apollo Query Variables

UserDetail.vue

<template>
  <div>
    <div v-if="user">
      <h5>{{ user.id }}</h5>
      <h5>{{ user.name }}</h5>
      <h5>{{ user.age }}</h5>
    </div>
  </div>
</template>

<script lang="ts">
import gql from "graphql-tag";
import Vue from "vue";
export default Vue.extend({
  apollo: {
    user: {
      query: gql`
        query user($id: ID!) {
          user(id: $id) {
            id
            name
            age
          }
        }
      `,
      variables: {
        id: 1,
      },
    },
  },
});
</script>