create-adaptable-composable

Library-grade Vue composables that accept plain values, refs, or getters as inputs. 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. Steps to design an adaptable composable in Vue.js: When MaybeRefOrGetter or MaybeRef is used: Adaptable useDocumentTitle Composable: read-only title parameter Adaptable useCounter Composable: two-way writable count parameter - Use MaybeRefOrGetter for read-only inputs (computed-friendly) and MaybeRef for writable two-way inputs; normalize with toValue() or toRef() inside reactive effects - Normalize inputs using toRef() for watcher sources and toValue() for non-reactive resolution to keep behavior predictable across different input types - Avoid MaybeRefOrGetter when parameters are callbacks, predicates, or comparators to prevent accidental function invocation as getters - Requires Vue 3+ or Nuxt 3+ - Confirm the composable's purpose and API design and expected inputs/outputs. - Identify inputs params that should be reactive (MaybeRef / MaybeRefOrGetter). - Use toValue() or toRef() to normalize inputs inside reactive effects. - Implement the core logic of the composable using Vue's reactivity APIs. - Read-only, computed-friendly input: use MaybeRefOrGetter - Needs to be...