Scratch animation on the website

Good morning, hi :)

We urgently need a person to write a reusable ScratchCard component (that supports "scratchcard" animation) in VUE 3.

Our dev is creating a website for a client, but due to limited time we are looking for someone to write just this one component for us - scratchcard.

The integration of the code will already be taken care of by our dev (after a maximum 30 minute consultation with you, after you send the code).

The scratchcard is supposed to function in the following (rather standard) way:

- A graphic will be displayed at a predetermined location on the screen.

- This graphic will be 'wiped off' by clicking and moving the mouse cursor over it

- The area to be wiped off will be a circle about twice the size of the mouse cursor

- Underneath the wipeable graphic will be a second graphic which the user will discover

- After a minimum of 60% of the image has been scratched off, a message or button will be displayed under the graphic

Graphics and copy are of course provided by us. We are fully responsive (our dev and ux/ui).

Minimum requirements:

- Experience working with VUE 3

- Delivery of the code by Friday (28.06)

- Short consultation (up to 30 min.) with our dev

Scratchpad example:

https://masth0.github.io/ScratchCard/brushes/circle.html