Retour à la leçonMission
Mission : sauver un composable qui a perdu sa réactivité
Diagnostiquer une perte de réactivité après déstructuration d'un `reactive()`, puis la corriger avec `toRefs`.
Contexte
Un composable useCompteur() déclare en interne const etat = reactive({ valeur: 0, pas: 1 }) et retourne actuellement return { ...etat, incrementer }. Dans le composant appelant, const { valeur, incrementer } = useCompteur() : cliquer sur un bouton appelle bien incrementer(), la console confirme que etat.valeur augmente à l'intérieur du composable, mais le chiffre affiché dans le template du composant reste bloqué à 0.