{"id":13433093,"url":"https://github.com/vueuse/vueuse","last_synced_at":"2025-05-12T14:56:19.233Z","repository":{"id":37001889,"uuid":"227978903","full_name":"vueuse/vueuse","owner":"vueuse","description":"Collection of essential Vue Composition Utilities for Vue 3","archived":false,"fork":false,"pushed_at":"2025-05-04T06:52:59.000Z","size":14254,"stargazers_count":21069,"open_issues_count":238,"forks_count":2688,"subscribers_count":132,"default_branch":"main","last_synced_at":"2025-05-05T11:07:33.326Z","etag":null,"topics":["composable","utility-library","vue","vue3","vueuse"],"latest_commit_sha":null,"homepage":"https://vueuse.org","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vueuse.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"open_collective":"vueuse","github":["antfu"]}},"created_at":"2019-12-14T06:44:59.000Z","updated_at":"2025-05-05T09:04:10.000Z","dependencies_parsed_at":"2023-01-17T12:47:58.473Z","dependency_job_id":"984cb14b-68ab-40b1-a3e1-2cb2972446ba","html_url":"https://github.com/vueuse/vueuse","commit_stats":{"total_commits":3139,"total_committers":689,"mean_commits":4.555878084179971,"dds":0.5215036635871297,"last_synced_commit":"0f11df11962f5f2e912d66c8544bc6767630780a"},"previous_names":[],"tags_count":329,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vueuse%2Fvueuse","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vueuse%2Fvueuse/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vueuse%2Fvueuse/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vueuse%2Fvueuse/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vueuse","download_url":"https://codeload.github.com/vueuse/vueuse/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252486927,"owners_count":21755835,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["composable","utility-library","vue","vue3","vueuse"],"created_at":"2024-07-31T02:01:20.915Z","updated_at":"2025-05-05T12:27:22.638Z","avatar_url":"https://github.com/vueuse.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/vueuse/vueuse#gh-light-mode-only\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/vueuse/vueuse/main/packages/public/logo-vertical.png#gh-light-mode-only\" alt=\"VueUse - Collection of essential Vue Composition Utilities\" width=\"300\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/vueuse/vueuse#gh-dark-mode-only\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/vueuse/vueuse/main/packages/public/logo-vertical-dark.png#gh-dark-mode-only\" alt=\"VueUse - Collection of essential Vue Composition Utilities\" width=\"300\"\u003e\n\u003c/a\u003e\n\u003cbr\u003e\nCollection of essential Vue Composition Utilities\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://www.npmjs.com/package/@vueuse/core\" target=\"__blank\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/@vueuse/core?color=a1b858\u0026label=\" alt=\"NPM version\"\u003e\u003c/a\u003e\n\u003ca href=\"https://www.npmjs.com/package/@vueuse/core\" target=\"__blank\"\u003e\u003cimg alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@vueuse/core?color=50a36f\u0026label=\"\u003e\u003c/a\u003e\n\u003ca href=\"https://vueuse.org\" target=\"__blank\"\u003e\u003cimg src=\"https://img.shields.io/static/v1?label=\u0026message=docs%20%26%20demos\u0026color=1e8a7a\" alt=\"Docs \u0026 Demos\"\u003e\u003c/a\u003e\n\u003cimg alt=\"Function Count\" src=\"https://vueuse.org/badge-function-count.svg\"\u003e\n\u003cbr\u003e\n\u003ca href=\"https://github.com/vueuse/vueuse\" target=\"__blank\"\u003e\u003cimg alt=\"GitHub stars\" src=\"https://img.shields.io/github/stars/vueuse/vueuse?style=social\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg\"\u003e\n    \u003cimg src='https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg'\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## 🚀 Features\n\n- 🎪 [**Interactive docs \u0026 demos**](https://vueuse.org)\n- ⚡ **Fully tree shakeable**: Only take what you want, [bundle size](https://vueuse.org/export-size)\n- 🦾 **Type Strong**: Written in [TypeScript](https://www.typescriptlang.org/), with [TS Docs](https://github.com/microsoft/tsdoc)\n- 🔋 **SSR Friendly**\n- 🌎 **No bundler required**: Usable via CDN\n- 🔩 **Flexible**: Configurable event filters and targets\n- 🔌 **Optional [Add-ons](https://vueuse.org/add-ons)**: Router, Firebase, RxJS, etc.\n\n## 🦄 Usage\n\n```ts\nimport { useLocalStorage, useMouse, usePreferredDark } from '@vueuse/core'\n\nconst { x, y } = useMouse()\n\n// if user prefers dark theme\nconst isDark = usePreferredDark()\n\n// persist state in localStorage\nconst store = useLocalStorage(\n  'my-storage',\n  {\n    name: 'Apple',\n    color: 'red',\n  },\n)\n```\n\nRefer to [functions list](https://vueuse.org/functions) or [documentations](https://vueuse.org/) for more details.\n\n## 📦 Install\n\n\u003e From v12.0, VueUse no longer supports Vue 2. Please use v11.x for Vue 2 support.\n\n```bash\nnpm i @vueuse/core\n```\n\n[Add ons](https://vueuse.org/add-ons.html) | [Nuxt Module](https://vueuse.org/guide/index.html#nuxt)\n\n###### Demos\n\n- [Vite + Vue 3](https://github.com/vueuse/vueuse-vite-starter)\n- [Nuxt 3 + Vue 3](https://github.com/antfu/vitesse-nuxt3)\n- [Webpack + Vue 3](https://github.com/vueuse/vueuse-vue3-example)\n\n### CDN\n\n```vue\n\u003cscript src=\"https://unpkg.com/@vueuse/shared\"\u003e\u003c/script\u003e\n\n\u003cscript src=\"https://unpkg.com/@vueuse/core\"\u003e\u003c/script\u003e\n```\n\nIt will be exposed to global as `window.VueUse`\n\n## 🪴 Project Activity\n\n![Alt](https://repobeats.axiom.co/api/embed/a406ba7461a6a087dbdb14d4395046c948d44c51.svg 'Repobeats analytics image')\n\n## 🧱 Contribute\n\nSee the [**Contributing Guide**](https://vueuse.org/contributing)\n\n## 🌸 Thanks\n\nThis project is heavily inspired by the following awesome projects.\n\n- [streamich/react-use](https://github.com/streamich/react-use)\n- [u3u/vue-hooks](https://github.com/u3u/vue-hooks)\n- [logaretm/vue-use-web](https://github.com/logaretm/vue-use-web)\n- [kripod/react-hooks](https://github.com/kripod/react-hooks)\n\nAnd thanks to [all the contributors on GitHub](https://github.com/vueuse/vueuse/graphs/contributors)!\n\n## 👨‍🚀 Contributors\n\n### Financial Contributors on Open Collective\n\n\u003ca href=\"https://opencollective.com/vueuse\"\u003e\u003cimg src=\"https://opencollective.com/vueuse/individuals.svg?width=890\"\u003e\u003c/a\u003e\n\n## 📄 License\n\n[MIT License](https://github.com/vueuse/vueuse/blob/main/LICENSE) © 2019-PRESENT [Anthony Fu](https://github.com/antfu)\n","funding_links":["https://opencollective.com/vueuse","https://github.com/sponsors/antfu"],"categories":["TypeScript","HarmonyOS","Packages","vue","语言资源库","Projects Using Vue.js","Components \u0026 Libraries","Other",":file_folder: Browser","武器库","Recommended With"],"sub_categories":["Windows Manager","Admin Template \u0026 Component Library","typescript","Open Source","Utilities","Utilities Framework","前端","Blog Posts"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvueuse%2Fvueuse","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvueuse%2Fvueuse","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvueuse%2Fvueuse/lists"}