Global loading does not seem to be working

[martinszeltins]

I am trying to hook into the global loading watcher but nothing seems to be happening:

const apolloProvider = createApolloProvider({
    defaultClient: apolloClient,

    watchLoading(isLoading, countModifier) {
        alert('hello?? this does not get called!!!')
        console.log(`isLoading: ${isLoading}, countModifier: ${countModifier}`)
    },
})

My query:

import gql from 'graphql-tag'
import { computed } from 'vue'
import { useQuery } from '@vue/apollo-composable'
import { defaultQueryOptions, getGraphQLEndpoint } from '@/services/graphQL'

export default {
    getSettings() {
        const { result, loading, error, onResult, onError } = useQuery(gql`
            query getSettings {
                settings {
                    title
                 }
            }
        `, null, {
            ...defaultQueryOptions,
            context: {
                'uri': getGraphQLEndpoint()
            }
        })


        return { settings, loading, error }
    }
}