Add ember data dependency to quickstart

Author: barryofguilder

tests/dummy/app/templates/docs/quickstart.md

@@ -2,10 +2,16 @@
 
 ## 1. Install AddonDocs
 
-```
+```sh
 ember install ember-cli-addon-docs
 ```
 
+[Ember Data](https://github.com/emberjs/data) is a required peer dependency, so if you're not already using it in your addon, you'll need to install it.
+
+```sh
+ember install ember-data
+```
+
 ## 2. Install ember-cli-addon-docs-yuidoc
 
 API docs are autogenerated from comments in your source code, and require an additional plugin to be installed.
@@ -23,8 +29,8 @@ You can see an example of <DocsLink @route="sandbox.api.item" @model="components
 Open `tests/dummy/app/router.js` and replace the standard EmberRouter with the AddonDocsRouter:
 
 <DocsSnippet @name="quickstart-router.js" @title="tests/dummy/app/router.js">
-    import AddonDocsRouter, { docsRoute } from 'ember-cli-addon-docs/router';
-    import config from './config/environment';
+import AddonDocsRouter, { docsRoute } from 'ember-cli-addon-docs/router';
+import config from './config/environment';
 
     const Router = AddonDocsRouter.extend({
       location: config.locationType,
@@ -36,6 +42,7 @@ Open `tests/dummy/app/router.js` and replace the standard EmberRouter with the A
     });
 
     export default Router;
+
 </DocsSnippet>
 
 ## 4. Start developing your dummy app
@@ -45,9 +52,10 @@ AddonDocs uses your addon's dummy application, which is a full-fledged Ember app
 So let's start with the application template:
 
 <DocsSnippet @name="quickstart-application.hbs" @title="tests/dummy/app/templates/application.hbs">
-    <DocsHeader/>
+<DocsHeader/>
 
     {{outlet}}
+
 </DocsSnippet>
 
 `<DocsHeader />` is an AddonDocs component that renders a header using data from your addon's `package.json`. It renders a homepage link, documentation link, version selector, search bar, and link to your GitHub repository. Check out <DocsLink @route="docs.components.docs-header">the guide</DocsLink> for more on the header.
@@ -59,7 +67,7 @@ At this point, fire up `ember s` and you should see your new docs site & header
 AddonDocs comes with some components to help you showcase your addon. Let's add them to your dummy app's index template:
 
 <DocsSnippet @name="quickstart-marketing-index.hbs" @title="tests/dummy/app/templates/index.hbs">
-    <DocsHero/>
+<DocsHero/>
 
     <div style="max-width: 40rem; margin: 0 auto; padding: 0 1.5rem">
       <DocsDemo as |demo|>
@@ -80,16 +88,17 @@ AddonDocs is unopinionated about how you style your application, so you can use
 The `docs` route is the entry point for your guides and API docs. Create a new `docs.hbs` file for the `docs` route and add the `<DocsViewer />` component:
 
 <DocsSnippet @name="quickstart-skeleton.hbs" @language="handlebars" @title="tests/dummy/app/templates/docs.hbs">
-    <DocsViewer as |viewer|>
-      <viewer.nav as |nav|>
-        <nav.section @label="Introduction"/>
-      </viewer.nav>
+<DocsViewer as |viewer|>
+<viewer.nav as |nav|>
+<nav.section @label="Introduction"/>
+</viewer.nav>
 
       <viewer.main>
         {{outlet}}
       </viewer.main>
 
     </DocsViewer>
+
 </DocsSnippet>
 
 If you visit `/docs` or click the Documentation link in the header, you should see the viewer's nav on the left-hand side and an area in the center where your guides content will go.
@@ -125,6 +134,7 @@ This will generate and modify the files for your `usage` docs page.
     # Usage
 
     Usage content
+
 </DocsSnippet>
 
 Remember, the dummy site is a full Ember application and these components are just here to help you get going. Feel free to make other components to help you best document your library!
@@ -142,14 +152,15 @@ Just as with any Ember app, it's a good idea to add a 404 route for unmatched UR
 Add the following route to the end of your router and create the associated template.
 
 <DocsSnippet @name="quickstart-404.js" @title="tests/dummy/app/router.js">
-    this.route('not-found', { path: '/\*path' });
+this.route('not-found', { path: '/\*path' });
 </DocsSnippet>
 
 <DocsSnippet @name="quickstart-404.hbs" @title="tests/dummy/app/templates/not-found.hbs">
-    <div style="max-width: 40rem; margin: 0 auto; padding: 0 1.5rem">
-      <h1>Not found</h1>
-      <p>This page doesn't exist. <DocsLink @route="index">Head home?</DocsLink></p>
-    </div>
+
+<div style="max-width: 40rem; margin: 0 auto; padding: 0 1.5rem">
+<h1>Not found</h1>
+<p>This page doesn't exist. <DocsLink @route="index">Head home?</DocsLink></p>
+</div>
 </DocsSnippet>
 
 ---