vue-apollo-props.js

import gql from 'graphql-tag'

const query = gql`query user($id: ID!) {
  user(
    where: {
      id: $id
    }
  ) {
    id
    createdAt
    avatar
  }`

export default {
  props: {
    userId: {
      type: String,
      required: false
    }
  },
  apollo: {
    user: {
      query,
      variables() {
        return {
          id: this.userId,
        };
      },
      skip() {
        return !this.userId;
      },
    }
  }
}