---
title: "How-to guides · Vue Query plugin · Kubb"
description: "How-to guides for @kubb/plugin-vue-query, the Kubb Vue Query plugin. Each guide walks through one task."
canonical_url: "https://kubb.dev/extensions/kubb-labs/plugin-vue-query/guides"
meta:
  author: "Stijn Van Hulle"
  keywords: "kubb, openapi to typescript, openapi code generator, swagger to typescript, typescript api client, zod, tanstack query, react query, msw, code generation, type safety"
  "og:description": "How-to guides for @kubb/plugin-vue-query, the Kubb Vue Query plugin. Each guide walks through one task."
  "og:image": "https://kubb.dev/_og/s/o_3a66b14cdaf2f24d.png"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "How-to guides · Vue Query plugin · Kubb"
  "twitter:image": "https://kubb.dev/_og/s/o_3a66b14cdaf2f24d.png"
---

> Index of every page on this site: [llms.txt](https://kubb.dev/llms.txt)

![Vue Query logo](https://kubb.dev/feature/tanstack.svg)

**Vue Query**

Officialv5.8.0

@kubb/plugin-vue-query

**$**kubb add plugin-vue-querykubb add plugin-vue-query

# **How-to guides**

1 guide

[**Call operations**@kubb/plugin-vue-query can generate a typed TanStack Query composable for each operation. GET operations get query composables such as useGetPetById, and POST, PUT, PATCH, and DELETE operations get mutation composables such as useUpdatePetWithForm. Each composable calls the client function from @kubb/plugin-fetch, @kubb/plugin-axios, or @kubb/plugin-client.](https://kubb.dev/extensions/kubb-labs/plugin-vue-query/guides/calling-operations)

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://kubb.dev/#website","@type":"WebSite","description":"Kubb is an open source code generator that turns an API spec into TypeScript types, API clients, TanStack Query hooks, Zod schemas and mocks.","name":"Kubb","url":"https://kubb.dev/","publisher":{"@id":"https://kubb.dev/#identity"}},{"@id":"https://kubb.dev/extensions/kubb-labs/plugin-vue-query/guides#webpage","@type":"WebPage","description":"How-to guides for @kubb/plugin-vue-query, the Kubb Vue Query plugin. Each guide walks through one task.","name":"How-to guides · Vue Query plugin · Kubb","url":"https://kubb.dev/extensions/kubb-labs/plugin-vue-query/guides","isPartOf":{"@id":"https://kubb.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://kubb.dev/extensions/kubb-labs/plugin-vue-query/guides"]}],"primaryImageOfPage":{"@id":"https://kubb.dev/#logo"}},{"@id":"https://kubb.dev/#identity","@type":"Organization","description":"Kubb is an open source code generator. It turns an API spec, such as OpenAPI, into TypeScript types, API clients, TanStack Query hooks, Zod schemas and mocks.","email":"kubb@kubb.dev","name":"Kubb","url":"https://kubb.dev","founder":{"@id":"https://kubb.dev/#founder"},"logo":{"@id":"https://kubb.dev/#logo"},"sameAs":["https://github.com/kubb-labs/kubb","https://discord.gg/shfBFeczrm","https://www.linkedin.com/company/kubb-labs"]},{"@id":"https://kubb.dev/#logo","@type":"ImageObject","caption":"Kubb","contentUrl":"https://kubb.dev/logo.png","inLanguage":"en","url":"https://kubb.dev/logo.png"}]}
```

## Sitemap

See the full [sitemap](https://kubb.dev/sitemap.md) for all pages.