Retour à la leçonMission
Mission : extraire une logique dupliquée trois fois
Identifier pourquoi une logique de recherche avec debounce ne peut pas être proprement partagée en Options API, puis l'extraire en composable Composition API.
Contexte
Trois composants Options API (PageProduits, PageClients, PageCommandes) contiennent chacun un data() avec termeRecherche et resultats, une method rechercher() quasi identique avec un setTimeout de 300ms pour le debounce, et un watch sur termeRecherche. Le code est dupliqué trois fois à l'identique. On te demande de proposer une solution qui élimine cette duplication sans casser les trois pages.