vueuse▌

VueUse composable patterns, SSR compatibility, and TypeScript integration best practices. \n \n Covers SSR-specific gotchas and patterns for safely using VueUse composables in server-rendered environments \n Addresses common issues with element ref handling and type inference when working with VueUse APIs \n Provides efficiency rules to help debug and resolve VueUse integration problems consistently \n

Map Vue.js and Nuxt requirements to 200+ VueUse composables for concise, maintainable implementations. \n \n Covers state management, DOM elements, browser APIs, sensors, networking, animations, components, watchers, reactivity, arrays, time utilities, and integrations with Firebase, Electron, RxJS, and more \n 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 \n Automaticall

Essential Vue Composition utilities for state, sensors, browser APIs, and common patterns. \n \n 200+ composables across 12 categories including state persistence, mouse tracking, keyboard input, network requests, animations, and array operations \n Auto-imports in Nuxt via @vueuse/nuxt module; manual imports required for Vue 3 standalone \n SSR-safe composables return sensible defaults on server; use isClient guard or onMounted wrapper for browser-only APIs \n Common patterns include useLocalSt

Comprehensive guide for applying 200+ VueUse composables to Vue.js and Nuxt projects. \n \n Covers 14 functional categories: state management, DOM elements, browser APIs, sensors, networking, animations, components, watchers, reactivity, arrays, time utilities, and integrations with Firebase, Electron, RxJS, and more. \n Each composable includes an invocation rule (AUTO, EXTERNAL, or EXPLICIT_ONLY) to guide when and how to use it; consult detailed references for usage patterns and type declarati

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.