domains / families / software-engineering / create-adaptable-composable

create-adaptable-composable

separate

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.

When to use

• creating adaptable composables
• creating reusable composables
• designing composables with MaybeRef inputs
• designing composables with MaybeRefOrGetter inputs
• normalizing reactive inputs with toValue()
• normalizing reactive inputs with toRef()

When not to use

• using MaybeRefOrGetter for function values like callbacks or predicates

Skill page

Source