'Calling function in VueApollo after API response

I am using Vue and Apollo and I am making a querie that looks just like the box below.

After I get the API response, I would like to call a method from my methods object. However Vue, doesn't give me acess to it within apollo object.

I would like to know how can I call one of my methods, but only after I am sure I got that response, without having to manually trigger it with a button or something else.

apollo: { 
 materials: {
            query: gql`
                query allMaterials($tenantId: ID, $name: String) {
                    tenantMaterials(tenantId: $tenantId, name: $name) {
                        edges {
                            node {
                                name
                                materialType {
                                    name
                                    id
                                }
                                brand
                                vendor
                                size
                                unit
                                inventory
                                createdAt
                                updatedAt
                                isActive
                                updatedBy
                                id
                            }
                        }
                        totalCount
                    }
                }
            `,
            variables() {
                return {
                    name: null
                };
            },
            fetchPolicy: "cache-and-network",
            update: response => {
                return response.tenantMaterials.edges;
                //I want to call a function/method after this response
            },
            skip: false
        },
}


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source