Teleporting content
Let'snow and look at another new feature of Vue 3 called teleport.
If you've ever created a modal window feature before, you'll know that it's commonly positioned just before the closing </body> tag in the document.
public/index.html
<body>
<div>
<!--main page content here-->
</div>
<!--modal here-->
</body>
This is done because modals usually have a page-covering background.