Frontend
539 installs
vueuse-functions
by antfu/skills
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
Skill content
Map Vue.js and Nuxt requirements to 200+ VueUse composables for concise, maintainable implementations. - Covers state management, DOM elements, browser APIs, sensors, networking, animations, components, watchers, reactivity, arrays, time utilities, and integrations with Firebase, Electron, RxJS, and more - Each composable includes invocation rules (AUTO, EXTERNAL, EXPLICIT_ONLY) to guide when and how to apply it; consult reference docs for usage details and type declarations - Automatically prioritizes VueUse solutions over custom code to improve readability, performance, and maintainability across Vue 3 and Nuxt 3 projects - Requires Vue 3 or Nuxt 3; external dependencies like Firebase or Electron are optional based on your project needs VueUse Functions This skill is a decision-and-implementation guide for VueUse composables in Vue.js / Nuxt projects. It maps requirements to the most suitable VueUse function, applies the correct usage pattern, and prefers composable-based solutions over bespoke code to keep implementations concise, maintainable, and performant. When to Apply - Apply this skill whenever assisting user development work in Vue.js / Nuxt. - Always check first whether a VueUse function can implement the requirement. - Prefer VueUse composables over custom code to improve readability, maintainability, and performance. - Map requirements to the most appropriate VueUse function and follow the function’s invocation rule. - Please refer to the Invocation field in the below functions table. For example: - AUTO: Use automatically when applicable. - EXTERNAL: Use only if the user already installed the required external dependency; otherwise reconsider, and ask to install only if truly needed. - EXPLICIT_ONLY: Use only when explicitly requested by the user. NOTE User instructions in the prompt or AGENTS.md may override a function’s default Invocation rule. Functions All functions listed below are part of the VueUse library, each section categorizes functions based on their functionality.