skills.rest
liangmiQwQ
liangmiQwQCOMMUNITY
Explore all skills by this author →
Website𝕏@liangmiQwQGitHub

create-adaptable-composable

Create Vue composables that accept reactive and non-reactive inputs.

Updated Apr 12, 2026
Search Tags:#vue#reactivity#composable#adaptable#tovalue#toref#mayberef
One-click install
npx skills add https://github.com/liangmiQwQ/skills --skill create-adaptable-composable-liangmiqwq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-adaptable-composable
Source: https://github.com/liangmiQwQ/skills/tree/main/skills/create-adaptable-composable
Command: npx skills add https://github.com/liangmiQwQ/skills --skill create-adaptable-composable-liangmiqwq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adaptable composables are reusable functions that can accept both reactive and non-reactive inputs. This allows developers to use the composable in a variety of contexts without worrying about the reactivity of the inputs.

Core Features & Use Cases

  • Accept MaybeRef or MaybeRefOrGetter inputs and normalize them inside reactive effects using toRef() or toValue().
  • Provide consistent behavior in both read-only and writable scenarios, enabling flexible API design.
  • Use cases include creating library-grade Vue composables that work with plain values, refs, or getters across watch and watchEffect.

Quick Start

Explain how to create a reusable Vue composable that accepts MaybeRef or MaybeRefOrGetter inputs and normalizes them with toValue() or toRef() inside a reactive effect.