Les stores du projet sont une partie essentielle de l’architecture de l’application, gérant l’état global et centralisé grâce à Pinia (l’outil de gestion d’état moderne et léger pour Vue.js). Les stores permettent de partager les données entre différents composants et de maintenir la synchronisation de l’état dans toute l’application, rendant l’expérience utilisateur fluide et cohérente.

Rôle du Store dans le Projet

Le store est conçu pour gérer des données qui doivent être accessibles à différents composants, comme l’état de l’utilisateur (authentification), les informations de profil, les catégories, et d’autres éléments partagés. En centralisant ces informations dans un store, le projet bénéficie d’une meilleure organisation et d’une plus grande facilité de maintenance.

Principaux Stores et leurs Fonctionnalités

• auth: Gère l’authentification utilisateur, en stockant les informations comme le token JWT et les données de session. Ce store comprend des actions pour se connecter, s’inscrire, se déconnecter, et rafraîchir la session en cas de besoin.
• trueprofile : Contient les informations de profil de l’utilisateur connecté. Ce store permet d’obtenir, de mettre à jour, et de supprimer les données du profil, offrant une gestion centralisée des informations utilisateur.
• category: Stocke les données relatives aux catégories de l’application. Il inclut des actions pour récupérer, ajouter, modifier, et supprimer des catégories, ce qui permet aux composants de gérer ces informations de manière fluide et centralisée.

Avantages de l’Utilisation de Pinia pour les Stores

Pinia offre une approche réactive et modulaire pour la gestion d’état, simplifiant l’accès aux données globales dans les composants Vue. Avec Pinia, chaque store est facilement organisable, et les données peuvent être partagées entre les composants sans dupliquer le code. En outre, Pinia est entièrement compatible avec Vue 3, offrant des fonctionnalités avancées comme le typage TypeScript, la gestion de l’hydratation de l’état, et une intégration transparente avec les outils de développement Vue.

Conclusion

Les stores du projet garantissent une gestion d’état efficace, permettant une organisation et une structure cohérentes. Grâce à Pinia, le store permet d’assurer que les données critiques de l’application sont disponibles de manière fiable et maintenues à jour pour offrir une expérience utilisateur optimale dans l’ensemble de l’application.