We may have a signature transition in our website that we want to reuse throughout the user funnel. Packaging transition into components can be a good strategy if you are trying to keep your code organized. In this recipe, you will build a simple transition component.
Following this recipe makes sense if you have already worked your way through transition with Vue. Also, since we are working with components, you should at least have an idea of what they are. Skim through the next chapter for a primer on components. In particular, we will create a functional component, the anatomy of which is detailed in the Creating a functional component recipe.
We will build a signature transition for a news portal. Actually, we will use a premade transition in the excellent magic library (https://github.com/miniMAC/magic), so you should add it to your project as a dependency. You can find the CDN link at https://cdnjs.com/libraries...