First, we added the Vue animation wrapper to the element we wanted to add the transition to, and then added the name of the CSS class that will be used on the transition.
The Transition component uses pre-made namespaces for the CSS class that are required to be present. These are -enter-active, for when the component enters the screen, and -leave-active, for when the component leaves the screen.
Then, we create the CSS classes in <style> for the transition of the element to leave and enter the screen, and the keyframe ruleset for the bounce-in animation in order to define how it will behave.
