# @vueuse/integrations

> Integration wrappers for utility libraries

Latest version **15.0.0** (published 2026-09-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install @vueuse/integrations
pnpm add @vueuse/integrations
yarn add @vueuse/integrations
bun add @vueuse/integrations
```

## Health

**Score 75/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; popular repo.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 15.0.0 |
| Published | 2026-09-16 |
| First published | 2020-10-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=22 |
| Dependencies | 2 |
| Unpacked size | 145.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 22356 |
| Author | Anthony Fu <https://github.com/antfu> |
| Maintainers | vueuse-bot |
| Keywords | vue, vue-use, utils |

## Links

- npm: https://www.npmjs.com/package/@vueuse/integrations
- Repository: https://github.com/vueuse/vueuse
- Homepage: https://github.com/vueuse/vueuse/tree/main/packages/integrations#readme
- Issues: https://github.com/vueuse/vueuse/issues
- Funding: https://github.com/sponsors/antfu
- npm.io page: https://npm.io/package/@vueuse/integrations

## Dependencies (2)

- [@vueuse/core](https://npm.io/package/@vueuse/core.md) 15.0.0
- [@vueuse/shared](https://npm.io/package/@vueuse/shared.md) 15.0.0

## Recent versions

- 15.0.0 (latest) — 2026-09-16
- 14.0.0-beta.1 (beta) — 2025-09-19
- 14.0.0-alpha.3 (alpha) — 2025-09-16
- 5.0.0 (next) — 2021-06-06
- 14.4.0 — 2026-07-29
- 14.3.0 — 2026-05-01
- 14.2.1 — 2026-02-10
- 14.2.0 — 2026-01-31
- 14.1.0 — 2025-11-27
- 14.0.0 — 2025-10-22
- 14.0.0-alpha.2 — 2025-09-12
- 14.0.0-alpha.1 — 2025-09-01
- 14.0.0-alpha.0 — 2025-09-01
- 13.9.0 — 2025-09-01
- 13.8.0 — 2025-08-27
- … 260 more at https://npm.io/package/@vueuse/integrations/versions

## README

# @vueuse/integrations

[![NPM version](https://img.shields.io/npm/v/@vueuse/integrations?color=a1b858)](https://www.npmjs.com/package/@vueuse/integrations)

> This is an add-on of [VueUse](https://github.com/vueuse/vueuse), providing integration wrappers for utility libraries.

## Install

```bash
npm i @vueuse/integrations
```

## Functions

<!--GENERATED LIST, DO NOT MODIFY MANUALLY-->
<!--FUNCTIONS_LIST_STARTS-->

- [`useAsyncValidator`](https://vueuse.org/integrations/useAsyncValidator/) — wrapper for [`async-validator`](https://github.com/yiminghe/async-validator)
- [`useAxios`](https://vueuse.org/integrations/useAxios/) — wrapper for [`axios`](https://github.com/axios/axios)
- [`useChangeCase`](https://vueuse.org/integrations/useChangeCase/) — reactive wrapper for [`change-case`](https://github.com/blakeembrey/change-case)
- [`useCookies`](https://vueuse.org/integrations/useCookies/) — wrapper for [`universal-cookie`](https://www.npmjs.com/package/universal-cookie)
- [`useDrauu`](https://vueuse.org/integrations/useDrauu/) — reactive instance for [drauu](https://github.com/antfu/drauu)
- [`useFocusTrap`](https://vueuse.org/integrations/useFocusTrap/) — reactive wrapper for [`focus-trap`](https://github.com/focus-trap/focus-trap)
- [`useFuse`](https://vueuse.org/integrations/useFuse/) — easily implement fuzzy search using a composable with [Fuse.js](https://github.com/krisk/fuse)
- [`useIDBKeyval`](https://vueuse.org/integrations/useIDBKeyval/) — wrapper for [`idb-keyval`](https://www.npmjs.com/package/idb-keyval)
- [`useJwt`](https://vueuse.org/integrations/useJwt/) — wrapper for [`jwt-decode`](https://github.com/auth0/jwt-decode)
- [`useNProgress`](https://vueuse.org/integrations/useNProgress/) — reactive wrapper for [`nprogress`](https://github.com/rstacruz/nprogress)
- [`useQRCode`](https://vueuse.org/integrations/useQRCode/) — wrapper for [`qrcode`](https://github.com/soldair/node-qrcode)
- [`useSortable`](https://vueuse.org/integrations/useSortable/) — wrapper for [`sortable`](https://github.com/SortableJS/Sortable)

<!--FUNCTIONS_LIST_ENDS-->

## Tree-shaking

For better tree-shaking result, import functions from submodules, for example:

```ts
// Don't
import { useAxios } from '@vueuse/integrations'

import { useAxios } from '@vueuse/integrations/useAxios'
```

## License

[MIT License](https://github.com/vueuse/vueuse/blob/master/LICENSE) © 2019-PRESENT [Anthony Fu](https://github.com/antfu)

---
_Source: https://npm.io/package/@vueuse/integrations · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._