vue-pinia-best-practices

Pinia のベストプラクティス、よくある落とし穴、状態管理のパターンです。

ストアの設定

• 起動時に「getActivePinia was called」エラーが発生する → pinia-no-active-pinia-errorを参照してください
• セットアップストアの状態が DevTools または SSR に表示されない → pinia-setup-store-return-all-stateを参照してください

リアクティビティ

• ストアを分割代入すると、UI のリアクティブな更新が停止する → pinia-store-destructuring-breaks-reactivityを参照してください
• テンプレート内でメソッドを呼び出すと、ストアメソッドのコンテキストが失われる → store-method-binding-parenthesesを参照してください

状態のパターン

• 更新時にフィルターがリセットされる、または共有できない → state-url-for-ephemeral-filtersを参照してください
• DevTools や規約を使わずに本番アプリを構築する → state-use-pinia-for-large-appsを参照してください