Dieser Inhalt ist noch nicht in Ihrer Sprache verfügbar und wird auf Englisch angezeigt.

Vue Skills Bundle

Plugin Verifiziert Aktiv

Install all Vue.js skills at once, including best practices, testing, router, Pinia, JSX, Options API, debug guides, and composable patterns.

8 Skills 0 MCPs

Zweck

To provide a convenient, all-in-one installation for a collection of high-quality Vue.js development skills, ensuring developers have access to best practices and solutions for common issues.

Funktionen

Installs all Vue.js skills at once
Covers best practices, testing, Pinia, and router
Includes skills for JSX and composable patterns
Facilitates robust Vue 3 development

Anwendungsfälle

Installing a complete set of Vue.js development tools.
Ensuring consistent application of best practices across a Vue project.
Accessing specialized skills for debugging and testing Vue applications.

Nicht-Ziele

Providing individual commands or tools directly; it bundles skills.
Replacing the core Vue.js framework or build tools.
Offering features outside the Vue.js development ecosystem.

Installation

Zuerst Marketplace hinzufügen

/plugin marketplace add hyf0/vue-skills

/plugin install vue-skills@vue-skills

Enthält 8 Erweiterungen

Skill (8)

Create Adaptable Composable Skill

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.

100

Vue Best Practices Skill

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.

Vue Debug Guides Skill

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

Vue Jsx Best Practices Skill

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

Vue Options Api Best Practices Skill

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

Vue Pinia Best Practices Skill

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

Vue Router Best Practices Skill

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

100

Vue Testing Best Practices Skill