@hyf0

vue-best-practices prescribes a structured workflow for vue 3 development via composition api and typescript, emphasizing core foundations before optional features, with explicit component-splitting rules and post-build performance passes.

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

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

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

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

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter.…

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

vue-debug-guides — an installable skill for AI agents, published by hyf0/vue-skills.

VueUse composable patterns and TypeScript integration. Covers common VueUse gotchas, SSR compatibility, and best practices. Use when working with VueUse…

Pinia store TypeScript configuration and typing issues. Covers storeToRefs type loss, getters circular references, and setup store patterns. Use when working…

A collection of best practices and tips for developing applications using Vue.js. This skill MUST be apply when developing, refactoring or reviewing Vue.js or…