Vue Pinia Best Practices
技能 已验证 活跃Pinia stores, state management patterns, store setup, and reactivity with stores.
To help developers correctly set up Pinia stores, manage state reactively, and follow best practices to avoid common issues in Vue.js applications.
功能
- Pinia store setup guidance
- Best practices for Pinia reactivity
- State management patterns for Pinia
- Troubleshooting common Pinia errors
使用场景
- When encountering 'getActivePinia was called' errors.
- When store state is missing in DevTools or SSR.
- When store destructuring breaks UI reactivity.
- When needing to manage complex state shared across an application.
非目标
- Providing a complete state management solution.
- Covering general Vue.js best practices outside of state management.
- Replacing the official Pinia documentation.
安装
请先添加 Marketplace
/plugin marketplace add hyf0/vue-skills/plugin install vue-skills@vue-skills质量评分
已验证类似扩展
Vue Router Best Practices
100Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Deepinit
100Deep codebase initialization with hierarchical AGENTS.md documentation
Cleanup Cycles
100Detect and untangle circular dependencies. Runs madge/skott (TS), pycycle (Py), or compiler-only checks (Go/Rust). Auto-fixes leaf-extractable cycles; reports core cycles for human review. Use when the user asks to find circular imports, fix dependency cycles, or untangle module graph. Example queries — "find circular imports", "fix dependency cycles", "untangle our module graph", "why is madge complaining".
Netlify Identity
100用于身份验证、用户注册、登录、密码恢复、OAuth 提供商、基于角色的访问控制或保护路由和函数。始终使用 `@netlify/identity`。切勿使用 `netlify-identity-widget` 或 `gotrue-js` — 它们已弃用。
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
Create Adaptable Composable
100Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.