vue-cli/packages/@vue/cli-ui/src/mixins/Prompts.js

import PROMPT_ANSWER from '../graphql/promptAnswer.gql'

export default function ({
  field,
  query
}) {
  // @vue/component
  return {
    computed: {
      configurationValid () {
        return this.visiblePrompts.filter(
          p =>
            p.error ||
            p.value === null ||
            JSON.parse(p.value) === ''
        ).length === 0
      },

      visiblePrompts () {
        if (!this[field]) {
          return []
        }
        return this[field].prompts.filter(
          p => p.visible
        )
      }
    },

    methods: {
      async answerPrompt ({ prompt, value }) {
        await this.$apollo.mutate({
          mutation: PROMPT_ANSWER,
          variables: {
            input: {
              id: prompt.id,
              value: JSON.stringify(value)
            }
          },
          update: (store, { data: { promptAnswer } }) => {
            let variables = this.$apollo.queries[field].options.variables || undefined
            if (typeof variables === 'function') {
              variables = variables.call(this)
            }
            const data = store.readQuery({ query, variables })
            data[field].prompts = promptAnswer
            store.writeQuery({ query, variables, data })
          }
        })
      }
    }
  }
}