invalidate() - tRPC Vue-Query

<script lang="ts" setup>
const trpc = useTRPC()

const { mutate: addToCart } = trpc.cart.addProduct.useMutation({
  onSuccess: () => {
    // this will invalidate and refetch the `cart.get` query
    trpc.cart.get.invalidate()
  },
})
</script>

useMutation()

The useMutation composable is a wrapper around the useMutation function from the Vue Query library. It provides a way to mutate data on the server and manage the state of the mutation.

setQueryData()

You can set the query data manually by calling the setQueryData() function.