Retour à la leçonMission
Mission : un identifiant produit introuvable en prop
Diagnostiquer une confusion entre useRoute et useRouter, puis corriger une configuration de route pour exposer proprement un paramètre dynamique.
Contexte
La page ProduitDetail.vue est censée recevoir l'id du produit en prop grâce à props: true sur la route /produits/:id, mais un développeur a écrit à l'intérieur du composant const route = useRouter(); console.log(route.params.id) pour déboguer, et ça plante avec une erreur indiquant que params est undefined. Par ailleurs, la route /produits/:id a été déclarée SANS props: true dans le fichier de router, alors que le composant utilise defineProps({ id: String }).