form4.vue

<script>
  import { GET_NAMES, ADD_NAME } from "../queries";
  export default {
    name: "Form",
    data() {
      return {
        person: ""
      };
    },
    methods: {
      onSubmit() {
        const name = this.person;
        this.person = "";
        this.$apollo.mutate({
          mutation: ADD_NAME,
          variables: {
            name
          }
        })
      }
    }
  };
</script>