vue-best-practices

Using the Vue 3 Composition API and <script setup> requires defining reactive state, computed properties, and watchers within single-file components to ensure cleaner, more maintainable code. This Skill provides comprehensive guidance on these modern Vue patterns.

Integrating TypeScript with Vue 3 involves using Volar and vue-tsc to type-check props, emits, and component templates. This Skill offers best practices to avoid common type integration pitfalls and improve application performance.

Fixing Vue 3 reactivity and watcher issues requires correctly destructuring reactive objects and managing computed property dependencies. This Skill addresses these common gotchas to help you write performant Vue applications.

Vue 3 best practices apply to server-side rendering (SSR), async components, and Suspense to optimize initial load performance. This Skill covers proper patterns for SSR, Teleport, KeepAlive, and lifecycle hooks.

Yes, this Vue 3 guidance covers advanced component patterns including provide/inject, slots, custom directives, and composables. It helps you structure components, manage forms, and configure your app effectively.

You should use composables instead of mixins in Vue 3 to encapsulate and reuse stateful logic without component merging conflicts. This Skill explains how to structure composables and apply them correctly in your templates.