如何使用参数并从VUE 3中的Apollo客户端正确执行USELAZYQUERY？

Question

我正在使用Vuejs（Coption Api语法）学习Apollo客户端，我得到了一个查询，可以通过名称字段搜索用户，而我要做的是用@click Event 在输入旁边的按钮上，您应该在其中编写用户名的名称。 因此，基本上，我正在尝试使用 uselazyquery 并将名称道具作为查询中的参数传递，但我不知道该怎么做。

<div class="selectedUser">
<template>
  <div class="container">
      <input 
        type="text"
        placeholder="Brian..."
        v-model="userSearched"
         />
         <p>{{userSearched}}</p>

         <button
           @click="load()">
         Search for a user
         </button>
      </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, computed, reactive, toRefs } from 'vue';
import { useLazyQuery, useQuery } from '@vue/apollo-composable'
import gql from 'graphql-tag';

export default defineComponent({
  name: 'HomeView',
  setup(){
const GET_USER_BY_NAME = gql`
      query getUser($name: String!){
        user(name: $name) {
          id
          name
          age
          username
          nationality
      }
    },
    `
const state = reactive({
      userSearched : ''
    });

     const {
        result: userSearhedResult,
        load      
        } = useLazyQuery(GET_USER_BY_NAME);
 
    
    ` return {
        users,
        error,
        loading,
        load, 
        ...toRefs(state)
       }
  }});
</script>

如您所见，我的想法是/是使用Reactive（）的用户搜索用作param，但我做得不正确。希望您与我分享正确的方法。谢谢