State Management

The application uses Pinia 3 for state management, with the pinia-plugin-persistedstate plugin for persistence across sessions.

Store Organization

Stores are located in client/src/stores/ and follow Pinia's setup store pattern.

Conventions

• Each store manages state for a specific domain or feature
• Stores use the setup syntax (function-based) for better TypeScript support and Composition API integration
• Persistent state is configured per-store using the persisted state plugin

API Integration

Stores interact with the backend API through the service layer (client/src/services/), which wraps Axios calls.

TODO

Document the main stores, their responsibilities, and data flow patterns.