vue-best-practices

To fix Vue 3 reactivity issues when destructuring reactive objects, this Skill advises using specific solutions like `toRefs` to maintain reactivity or applying `shallowRef` for performance optimization in complex components.

The best way to type Vue Composition API props and emits with TypeScript is by following this Skill's TypeScript integration guidance, which helps master typing for refs, props, and emits to ensure robust component architecture.

To optimize Vue 3 performance and reduce rendering bottlenecks, this Skill helps identify and fix common issues related to reactivity, rendering, and bundle size to improve application maintainability and speed.

You should use provide/inject instead of props for Vue component design when building robust component architecture, as this Skill explains how to effectively combine slots and emits for complex state management.

Computed properties with arrays cause unexpected mutations in Vue 3 when best practices for immutability are ignored; this Skill provides specific guidance to review and avoid these common state management pitfalls.

Yes, this Vue best practices guide covers server-side rendering (SSR) setup, providing comprehensive guidance on SSR alongside Composition API, reactivity, and TypeScript to improve overall code quality.