upstream-tanstack-query/docs/framework/vue/reference/functions/useIsMutating.md

id, title

id	title
useIsMutating	useIsMutating

function useIsMutating(filters, queryClient?): Ref<number>;

Defined in: packages/vue-query/src/useMutationState.ts:53

The useIsMutating composable returns a ref to the number of mutations that your application currently has pending (useful for app-wide loading indicators).

filters may be a plain object, MaybeRefDeep, or a reactive getter (() => ({ ... })) — pass a getter if the filters themselves depend on other reactive state.

Parameters

filters

UseIsMutatingFilters = {}

The MutationFilters to narrow down the matched mutations.

queryClient?

QueryClient

Use this to use a custom QueryClient. Otherwise, the one provided by VueQueryPlugin will be used.

Returns

Ref<number>

A ref to the number of the mutations that your application currently has pending.

Example

<script setup lang="ts">
import { useIsMutating } from '@tanstack/vue-query'

// How many mutations matching the posts prefix are in progress?
const isMutatingPosts = useIsMutating({ mutationKey: ['posts'] })
</script>

<template>
  <span v-if="isMutatingPosts">Saving posts...</span>
</template>