Extension 04 - Vue.js 3

[braughtg]

Getting Started

You will start and work on this tutorial 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!

Extensions...

• Fix the bug with the sortedWords computed property

  • it changes the words data property which computed properties are not allowed to do.

• 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.