create-adaptable-composable

What problem does it solve?

Developers often need composables that can accept both reactive and non-reactive inputs (MaybeRef / MaybeRefOrGetter) and normalize them inside reactive effects to keep behavior predictable. This Skill provides a reusable pattern for building library-grade Vue composables that gracefully handle plain values, refs, or getter functions.

Core Features & Use Cases

• Normalize inputs with toRef() or toValue() inside watch/watchEffect to ensure consistent reactivity.
• Support both one-way and two-way input scenarios via MaybeRef / MaybeRefOrGetter patterns.
• Real-world use: building a "useDocumentTitle" or "useCounter" style composable that remains API-friendly across different input types.

Quick Start

Create a new composable that accepts a parameter which can be a plain value, a Ref, or a getter function, and implement input normalization inside a watch or watchEffect using toRef() and toValue().