Skip to content
cccskills
FreePublished on GitHub

vue-pinia-best-practices

Set up Pinia stores, the shared data containers used in Vue applications, and troubleshoot state updates. Covers startup errors, destructuring that breaks screen updates, method context, and using URLs for temporary filters.

OriginalShow the original description

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

Run score Not tested

See how to install

Good for

  • Investigating Pinia startup errors
  • Fixing screen updates after destructuring store values
  • Checking state returned by setup stores
  • Reviewing URL-based filter state

Files included (7)

  • SKILL.md1.1 KB
  • reference/pinia-no-active-pinia-error.md6.3 KB
  • reference/pinia-setup-store-return-all-state.md5.8 KB
  • reference/pinia-store-destructuring-breaks-reactivity.md5.1 KB
  • reference/state-url-for-ephemeral-filters.md7.1 KB
  • reference/state-use-pinia-for-large-apps.md6.2 KB
  • reference/store-method-binding-parentheses.md5.2 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Pinia best practices, common gotchas, and state management patterns.

Store Setup

Reactivity

State Patterns

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Create reusable Vue composables, functions that share reactive logic, accepting plain values, refs, or getters. Choose input types for reading or writing and normalize values so reactive effects track changes consistently.

  • Build reusable Vue composables
  • Update a document title when its input changes
  • Create a counter with writable input
vuejs-ai/skills3.1KUpdated Oct 20, 2026

Guides Vue 3 development with TypeScript, covering state, component responsibilities, and data flow. Helps organize implementation and refactoring, then review performance once the required behavior works.

  • Building Vue 3 screens with TypeScript
  • Refactoring large components
  • Clarifying state ownership and data flow
vuejs-ai/skills3.1KUpdated Oct 20, 2026

vue-debug-guides

FreeSummary

Diagnose Vue 3 problems through symptom-based references covering state updates, component events, asynchronous failures, and rendering errors. Includes server-rendered pages whose HTML does not match what the browser expects when it takes over.

  • Investigating a screen that no longer updates
  • Tracking duplicate or missing component events
  • Diagnosing asynchronous loading failures
vuejs-ai/skills3.1KUpdated Oct 20, 2026

Write JSX, an HTML-like syntax within JavaScript, for Vue by checking how it differs from React JSX. Covers attribute conventions and JSX plugin configuration, with guidance for code migration and attribute type errors.

  • Migrating React JSX code to Vue
  • Investigating JSX attribute type errors
  • Checking class and className usage
vuejs-ai/skills3.1KUpdated Oct 20, 2026

Guides maintenance of Vue 3 components written with Options API. Covers TypeScript typing, access to component data through this, lifecycle methods, and accidental sharing of state between component instances.

  • Adding types to Options API components
  • Investigating this binding in methods
  • Reviewing access to data in lifecycle hooks
vuejs-ai/skills3.1KUpdated Oct 20, 2026

Helps troubleshoot Vue Router 4 navigation, including checks before changing pages, URL parameter changes, and component cleanup. Use it to investigate redirect loops, stale data, and asynchronous work during navigation.

  • Investigating infinite redirect loops
  • Reviewing data updates when URL parameters change
  • Checking asynchronous API calls during navigation
vuejs-ai/skills3.1KUpdated Oct 20, 2026

See all skills by vuejs-ai

Report a problem with this skill