vue-pinia-best-practices は何をしますか？
Pinia ストア、状態管理パターン、ストアのセットアップ、およびストアのリアクティビティ
Pinia ストア、状態管理パターン、ストアのセットアップ、およびストアのリアクティビティ
このスキルは、Vue アプリケーションにおける最も一般的で堅牢な状態管理ソリューションの1つである Pinia に焦点を当てています。開発者に、ストアの定義、アクションによる状態変更の管理、ゲッターを使用した派生状態の処理に関するベストプラクティスを提供します。また、Vue の Composition API 内でリアクティビティを適切に処理し、options API と setup ストア構文の両方でリアクティブな状態を維持する方法についても説明します。このガイダンスは、クライアントサイドアプリケーションのスケーラブルな状態管理に必要な開発者を対象としており、Claude Code や Cursor を含む主要な AI エージェントプラットフォームをサポートしています。そのドキュメントは、ストアの設計時にパフォーマンスが最適化された状態を保持し、パフォーマンスの問題の一般的な原因（過剰なリアクティビティやミューテーションの不適切な処理など）を回避するのに役立ちます。
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-pinia-best-practicesInstalled? Explore more コーディング＆開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Pinia ストア、状態管理パターン、ストアのセットアップ、およびストアのリアクティビティ
This repo contains 7 individual skills — each has its own dedicated page.
Create 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.
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.