Vue Pinia Best Practices

Plugin Verified Active

Pinia stores, state management patterns, store setup, and reactivity with stores.

Purpose

To guide Vue.js developers in implementing Pinia stores effectively, ensuring best practices for state management, reactivity, and common pitfalls.

Features

Pinia store setup guidance
Reactivity patterns for Pinia stores
State management patterns and common gotchas
SSR and DevTools integration advice

Use Cases

Setting up new Pinia stores according to best practices
Troubleshooting reactivity issues when destructuring Pinia stores
Implementing state patterns for shared or ephemeral data
Ensuring proper store setup for SSR and development environments

Non-Goals

Providing a direct replacement for the Pinia library
Offering code generation for complex state logic
Handling general Vue.js component development

Invocation

info:Name collisionsThe plugin bundles one core skill ('vue-pinia-best-practices'). While other skills are listed in the main README, this specific plugin only seems to install the Pinia skill, thus avoiding name collisions within this specific plugin's direct scope.

Installation

First, add the marketplace

/plugin marketplace add hyf0/vue-skills

/plugin install vue-pinia-best-practices@vue-skills

Quality Score

Verified

97 /100

Analyzed about 21 hours ago

Trust Signals

Last commitabout 2 months ago

GitHub owner hyf0

Stars2.4k

LicenseMIT

Status

View Source

Similar Extensions

Context7 Plugin

100

Upstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.

Plugin

upstash

Claude Hud

100

Real-time statusline HUD for Claude Code - displays context usage, tool activity, agent tracking, and todo progress

Plugin

davepoon

Vue Skills Bundle

Install all Vue.js skills at once, including best practices, testing, router, Pinia, JSX, Options API, debug guides, and composable patterns.

Plugin

hyf0

UI/UX Design Plugin

Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns

Plugin

wshobson

Gsap Skills

Official GSAP skills for Claude, Cursor, and other AI agents — animations, timelines, ScrollTrigger, plugins, utilities, React, and performance

Plugin

greensock

Context Management

Context persistence, restoration, and long-running conversation management

Plugin

wshobson