About Visual studio code Vue3 + Graphql vue Apollo autocomplete promble

Question

When I writing a query like this

//graphql.ts
export const GetCategory = gql`
  query caonima($id: String, $categoryName: String) {
    category(id: $id, categoryName: $categoryName) {
      error
      errorCode
      data {
        iD
        isActive
        gUID
        categoryName
        description
        createDate
        modifiedDate
      }
    }
  }
`;

//home.vue
const {result}= useQuery(GetCategory);
console.log(result.value.iD)

then when I typing result.value. after '.' how show the properties what GetCategory have.

Something Like this

Thank you