vue-pinia-best-practices

To prevent the getActivePinia error in Vue 3, ensure the Pinia instance is registered on the app before mounting components. This skill provides setup patterns to avoid initialization timing errors and ensure state is preserved in SSR and DevTools.

Pinia reactivity breaks during destructuring because detached references lose their reactive context. This skill guides you to avoid problematic destructuring and use proper store methods to maintain reactivity in Vue 3 templates.

Configuring Pinia stores for SSR in Vue requires specific setup patterns to ensure state is preserved and hydrated correctly. This skill addresses SSR considerations and devtools compatibility to prevent state management gotchas.

To manage ephemeral filters in large Pinia applications, follow specific state patterns and devtools conventions. This skill provides guidance on addressing ephemeral filters and managing state effectively in large apps.

No, this Pinia state management guidance is specifically designed for Vue 3 applications. It requires Vue 3 and Pinia to cover store setup patterns, reactivity best practices, and SSR considerations.