CommunityCodierung & Entwicklunggithub.com

hyf0/anpassbares-Vue-Composable-erstellen

Erstelle ein bibliothekstaugliches Vue Composable, das maybe-reaktive Eingaben (MaybeRef / MaybeRefOrGetter) akzeptiert, sodass Aufrufer einen einfachen Wert, eine Ref oder einen Getter übergeben können. Normalisiere Eingaben mit toValue()/toRef() innerhalb reaktiver Effekte (watch/watchEffect), um das Verhalten vorhersehbar und reaktiv zu halten. Verwende dieses Skill, wenn der Benutzer nach der Erstellung anpassbarer oder wiederverwendbarer Composables fragt.

Was ist anpassbares-Vue-Composable-erstellen?

Dieses Skill (hyf0/create-adaptable-composable) hilft Entwicklern, Vue 3 Composables zu erstellen, die `MaybeRef`- oder `MaybeRefOrGetter`-Eingaben akzeptieren – eine gängige Anforderung für wiederverwendbare Bibliotheksfunktionen. Es leitet an, wie man Eingaben mittels `toValue()` und `toRef()` normalisiert, sodass sowohl einfache Werte, Vue Refs als auch Getter-Funktionen einheitlich verarbeitet werden können. Das Skill betont die Verwendung dieser Normalisierung innerhalb reaktiver Effekte wie `watch` oder `watchEffect`, um unerwartetes Verhalten zu vermeiden und die Kompatibilität mit Vue's Reaktivitätssystem sicherzustellen. Entwickler können dieses Skill verwenden, wenn sie aufgefordert werden, flexible, wiederverwendbare und bibliothekstaugliche Composables zu erstellen, die sich nahtlos in verschiedene Codebasen integrieren lassen. Es unterstützt die Vue 3 Composition API und ist ideal für die Entwicklung von Utility-Funktionen.

Funktioniert mit~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 Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht anpassbares-Vue-Composable-erstellen?

Erstelle ein bibliothekstaugliches Vue Composable, das maybe-reaktive Eingaben (MaybeRef / MaybeRefOrGetter) akzeptiert, sodass Aufrufer einen einfachen Wert, eine Ref oder einen Getter übergeben können. Normalisiere Eingaben mit toValue()/toRef() innerhalb reaktiver Effekte (watch/watchEffect), um das Verhalten vorhersehbar und reaktiv zu halten. Verwende dieses Skill, wenn der Benutzer nach der Erstellung anpassbarer oder wiederverwendbarer Composables fragt.

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.

Verwandte Skills

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 Codierung & Entwicklung skills