Extension 04 - Vue.js 3

[braughtg]

KEEP THIS SHORT TO LEAVE TIME FOR CLASS READING...

Getting Started

You will start and work on this extension in the same way as you have for the previous extensions. You should be starting to internalize this process making you less reliant on reading the detailed instructions each time.

Tasks

1. If you don't remember all of the steps for getting started and working on the extension tasks, you should review the relevant parts of the workflow using the links in the "QuickReference" document as necessary.

Use Agent Mode!

• Make correct count a computed property to remove data redundancies... more Vue.js-ish.

• Reset button

• Show hint button per word per letter.

• Difficulty level based on word length.

• Have the translation for the selected word displayed.

• Add hints so that the show hint checkbox shows an actual hint.

• filter words from the words array based on difficulty.

• computed property...

  • change the hint to show the first letter of the answer.
  • click hint additional times to show more letters of the answer.

• easy mode: Create a dropdown for possible answers? 1 right, 2 random? Need to add additional words (as the way hints work)?

• Have them describe a new feature in a comment (OR SAVE THIS FOR 5?)

  • Have them implement it using an agent.