0102-nuxt-composables
CommunityBuild reusable Nuxt composables the right way
Software Engineering#state management#factory pattern#nuxt#ssr-safe#lifecycle cleanup#vue composables#singleton pattern
AuthorMrJmpl3
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It helps you create reusable Vue/Nuxt composables that manage state correctly and stay maintainable as your app grows.
Core Features & Use Cases
- Singleton vs Factory state: Use shared state for app-wide data and fresh instances for component-local state.
- SSR-safe state: Prefer Nuxt useState patterns when you need predictable hydration.
- Composition patterns that scale: Compose dependencies, return consistent object shapes, and handle cleanup for timers/subscriptions.
- Use Cases: Centralized user/session state, reusable UI toggles, polling utilities, and provide/inject form contexts.
Quick Start
Create a file named useUser.ts and implement a singleton composable that returns reactive state plus setter/clearer methods.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: 0102-nuxt-composables Download link: https://github.com/MrJmpl3/codex_____data_____configuration/archive/main.zip#0102-nuxt-composables Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.