CommunityDéveloppement et programmationgithub.com

hyf0/create-adaptable-composable

Créez un composable Vue de qualité bibliothèque qui accepte des entrées potentiellement réactives (MaybeRef / MaybeRefOrGetter) permettant aux appelants de passer une valeur simple, une référence ou un getter. Normalisez les entrées avec toValue()/toRef() dans les effets réactifs (watch/watchEffect) pour garder un comportement prévisible et réactif. Utilisez cette compétence lorsque l'utilisateur demande la création de composables adaptables ou réutilisables.

Qu'est-ce que create-adaptable-composable ?

Cette compétence guide le développement de composables Vue de niveau bibliothèque, conçus pour être adaptables et réutilisables. L'objectif principal est de permettre aux composables d'accepter des entrées 'peut-être réactives' en utilisant les types MaybeRef ou MaybeRefOrGetter. Ainsi, les appelants peuvent indifféremment passer une valeur primitive, une ref Vue, ou une fonction getter. La logique interne utilise toValue() pour déballer la valeur courante dans les effets réactifs comme watch ou watchEffect, assurant que le composable réagit correctement aux changements de sources réactives. De plus, toRef() permet de normaliser l'entrée en une ref persistante si nécessaire. Cette approche suit les meilleures pratiques des bibliothèques comme VueUse et rend les composables robustes et prêts pour la publication.

Compatible avec~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/create-adaptable-composable

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait create-adaptable-composable ?

Créez un composable Vue de qualité bibliothèque qui accepte des entrées potentiellement réactives (MaybeRef / MaybeRefOrGetter) afin que les appelants puissent passer une valeur simple, une ref ou un getter. Normalisez les entrées avec toValue()/toRef() dans les effets réactifs (watch/watchEffect) pour maintenir un comportement prévisible et réactif. Utilisez cette compétence lorsque l'utilisateur demande la création de composables adaptables ou réutilisables.

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

hyf0/vue-best-practices

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

hyf0/vue-debug-guides

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.

hyf0/vue-jsx-best-practices

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

hyf0/vue-options-api-best-practices

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

hyf0/vue-pinia-best-practices

Pinia stores, state management patterns, store setup, and reactivity with stores.

hyf0/vue-router-best-practices

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

hyf0/vue-testing-best-practices

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

Skills associés

steipete/bluebubbles

Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.

community

steipete/eightctl

Control Eight Sleep pods (status, temperature, alarms, schedules).

community

steipete/blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume.

community

steipete/bear-notes

Create, search, and manage Bear notes via grizzly CLI.

community

steipete/camsnap

Capture frames or clips from RTSP/ONVIF cameras.

community

steipete/gifgrep

Search GIF providers with CLI/TUI, download results, and extract stills/sheets.

community
← More Développement et programmation skills