slightly rearrange $$slots section in API docs

site/content/docs/02-template-syntax.md

@@ -1317,10 +1317,14 @@ Named slots allow consumers to target specific areas. They can also have fallbac
 </div>
 ```
 
+#### [`$$slots`](slots_object)
+
 ---
 
 `$$slots` is an object whose keys are the names of the slots passed into the component by the parent. If the parent does not pass in a slot with a particular name, that name will not be a present in `$$slots`. This allows components to render a slot (and other elements, like wrappers for styling) only if the parent provides it.
 
+Note that explicitly passing in an empty named slot will add that slot's name to `$$slots`. For example, if a parent passes `<div slot="title" />` to a child component, `$$slots.title` will be truthy within the child.
+
 ```sv
 <!-- App.svelte -->
 <Card>
@@ -1338,8 +1342,6 @@ Named slots allow consumers to target specific areas. They can also have fallbac
 </div>
 ```
 
-Note that explicitly passing in an empty named slot will add that slot's name to `$$slots`. For example, if a parent passes `<div slot="title" />` to a child component, `$$slots.title` will be truthy within the child.
-
 #### [`<slot let:`*name*`={`*value*`}>`](slot_let)
 
 ---