Providing hints after each submission - Part 2 - A “Wordle” on Test Driven Development in Vue.js

Another key point behind the real Wordle game is that after each successful submission, the game presents the player with feedback in the following form:

Correct letters in the right position (indicated in green)
Correct letters in the wrong position (indicated in yellow)
Non-existent letters (indicated in gray)

In this lesson, we will incorporate a similar functionality into our application.

**Topics Covered: **

The usage of Data Providers in Vitest
Collecting multiple instances of a given wrapper element and making assertions on specific ones
Manipulating CSS Variables based on the rule of specificity

Links:

Git Diff for Episode 16
Start lesson from code in this Git Commit