A slot can be declared with the self-closing <slot>
tag.
Slots can have a name.
Default slot contents can be passed as children.
Named slot contents can be passed by setting a slot
attribute on an HTML element.
<main>
<slot />
</main>
<footer>
<slot name="footer" />
</footer>
<script>
import Layout from './Layout.svelte';
</script>
<Layout>
<h1>Todo List</h1>
<!-- … -->
<p slot="footer">
Subtracting from your list of priorities
is as important as adding to it.
</p>
</Layout>