Dans les années 90, une rivalité opposa les rappeurs de la côte ouest Américaine 🇺🇸 à ceux de la côte est. Afin d’afficher quel rappeur appartenait à quel camp, vous devrez compléter une app Vue.

Aperçu du résultat 👇

Matériel

Le CSS est déjà réalisé et le cadriciel Vue est déjà installé pour vous dans le pen de départ.

Requis

  1. Bouclez sur le tableau de rappeurs, afin de créer un div contenant le nom de chacun d'entre eux 🔁.

  2. Si la côte associée à un rappeur ne correspond pas à celle dans la propriété coast de l'app, ce rappeur ne doit pas être visible. Par défaut, les rappeurs de la côte ouest devraient être ceux visibles.

  3. Lorsque qu'un bouton correspondant à une côte est cliqué, celui-ci doit changer la valeur de la propriété coast fin de refléter la côte active.

    Si cette opération fonctionne, la liste de rappeurs devrait se mettre à jour automatiquement grâce à la magie de Vue ✨

  4. Faites en sorte que les boutons de côtes aillent la classe btn par défaut, ainsi que la classe is-active si la propriété coast leur correspond.

Notes de cours 📚