Vue.js project

Create a vue.js page. The work for this project comes in creating content and adapting the existing structures.

D$.$ Interactive web site for children that uses JavaScript events to reward them using the mouse to explore the page$/$site$.$ One approach is mouseover events: pictures that wiggle, rockets that launch, $...,$ but other designs are acceptable.

Project requirements

Your project must use:

$1\mathrm{.}1.$ Vue.js

$1\mathrm{.}2.$ Animations and$/$or transitions

$1\mathrm{.}3.$ At least one of the following:

$3\mathrm{.}1.$ Conditional rendering

$3\mathrm{.}2.$ Forms and input

$3\mathrm{.}3.$ Looped rendering $($v$-$for$)$

$3\mathrm{.}4.$ Single$-$file components $($SFCs$)$