back
loading skill details...
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
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.
don't have the plugin yet? install it then click "run inline in claude" again.