Retour à la leçonMission
Mission : un compteur d'articles qui ne bouge plus
Diagnostiquer une déstructuration de store cassant la réactivité, puis corriger avec storeToRefs et ajouter une action asynchrone sûre.
Contexte
Dans la barre de navigation, un badge affiche le nombre d'articles du panier via const { nombreArticles } = usePanierStore() directement dans <script setup>, sans storeToRefs. Le badge affiche bien "0" au chargement, mais reste bloqué à cette valeur même après avoir ajouté plusieurs articles au panier depuis la page produit, alors que le store lui-même contient bien les bons articles (vérifié via les devtools Pinia).