vue

Choosing between ref and reactive in Vue 3 depends on data shape and mutability needs. Use ref for primitives and reactive for objects, aligning Vue primitives with side effects to prevent unnecessary re-renders.

The best way to manage Vue 3 state with Pinia is using it for app-wide UI and shared domain state. Maintain predictable parent-child data flow by combining Pinia with props and emits while avoiding prop mutation.

To fetch data in Nuxt without SSR issues, apply SSR-friendly idioms like useFetch, useAsyncData, and useLazyFetch. These Nuxt data fetching patterns ensure proper server-side rendering and asynchronous state management.

Vue components re-render unnecessarily when reactive state is misused. Refactor the component by aligning Vue primitives like ref, computed, and watch correctly with data mutability and side effects to prevent excessive updates.

Yes, the Vue 3 composition API works seamlessly with Nuxt middleware and plugins. Use modern script setup patterns for typed slots and model binding while structuring your Nuxt middleware and plugins effectively.

You should not use an event bus for Vue component communication when managing shared state. Avoid this anti-pattern by using Pinia for app-wide state and predictable props and emits for parent-child data flow.