There are times when you may need to pass chunks of HTML to your component that are not stored in a property or that you want to format before appearing in the component. Rather than trying to pre-format in a computed variable or similar, you can use slots with your component.
Slots are like placeholders and allow you to place content between the opening and closing tags of your component and determine where they are going to display.
A perfect example of this would be a modal window. These normally have several tags and often consist of a lot of HTML to copy and paste if you wish to use it in your application multiple times. Instead, you can create a modal-window component and pass your HTML with a slot.
Create a new component titled modal-window. This accepts one prop of visible, which accepts a Boolean value and is false...
