include docs-snippet usage in demo1 snippet

so there's a sample rendered out on the docs page

Author: Brian Whitton

tests/dummy/app/pods/docs/components/docs-snippet/demo1/template.hbs

@@ -1,12 +1,15 @@
 <div class='docs-my-8'>
   {{#docs-snippet name='docs-snippet.hbs'}}
-    <div id='foo'>
-      {{#my-awesome-thing
-        some=true
-        options=false
-      }}
-        <p>Something old, something new</p>
-      {{/my-awesome-thing}}
-    </div>
+    {{!-- docs/components/docs-snippet/demo1 --}}
+    {{#docs-snippet name='your-snippet-name.hbs'}}
+      <div id='foo'>
+        {{#my-awesome-thing
+          some=true
+          options=false
+        }}
+          <p>Something old, something new</p>
+        {{/my-awesome-thing}}
+      </div>
+    {{/docs-snippet}}
   {{/docs-snippet}}
 </div>

tests/dummy/app/pods/docs/components/docs-snippet/template.md

@@ -8,6 +8,12 @@ To render a Handlebars snippet from one of your templates, wrap it in `{{#docs-s
 
 {{docs/components/docs-snippet/demo1}}
 
+All the snippets on this page are actually located in their own component. The above snippet is rendered like so:
+
+{{#docs-snippet name="snippet-demo1.hbs"}}
+  {{docs/components/docs-snippet/demo1}}
+{{/docs-snippet}}
+
 All snippets must have a globally unique name.
 
 Note that the block-form of `docs-snippet` won't actually execute your template code, it will just capture the static code and render the snippet. Think of it like Markdown code fences that you can use in your Handlebars templates.
@@ -38,4 +44,6 @@ You can override the detected language for syntax highlighting in your snippet b
 
 Finally, you can use the `title` property to specify a header for your snippet, for instance to specify the file your snippet would be found in.
 
+Here's what that looks like:
+
 {{docs/components/docs-snippet/demo4}}