Use colocated components (#934)

* Start removing ember-get-config

* Remove magic auto export, add adapters to app

* Add api components to exports

* Use colocated components

* Fix imports

* Reset lots of things

* Update x-import-path.hbs

* Fix lint

Author: RobbieTheWagner

addon/components/api/x-class/template.hbs renamed to addon/components/api/x-class/index.hbs

@@ -7,10 +7,7 @@ import config from 'ember-get-config';
 
 const { showImportPaths } = config['ember-cli-addon-docs'];
 
-import layout from './template';
-
 export default Component.extend({
-  layout,
   tagName: '',
 
   showImportPaths,

addon/components/api/x-class/component.js renamed to addon/components/api/x-class/index.js

@@ -4,10 +4,7 @@ import { alias, or } from '@ember/object/computed';
 import { capitalize } from '@ember/string';
 import { memberFilter } from '../../../utils/computed';
 
-import layout from './template';
-
 export default Component.extend({
-  layout,
   tagName: '',
 
   showInherited: false,

addon/components/api/x-component/template.hbs renamed to addon/components/api/x-component/index.hbs

@@ -0,0 +1,18 @@
+<div class="import-path docs-mb-6" data-test-import-path>
+  <pre class="docs-md__code docs-whitespace-no-wrap">
+    <span class="hljs-keyword">
+      import
+    </span>
+
+    {{#if (eq @item.exportType "default")}}
+      {{@item.name}}
+    {{else}}
+      { {{@item.name}} }
+    {{/if}}
+
+    <span class="hljs-keyword">
+      from
+    </span>
+    <span class="hljs-string">'{{@item.file}}'</span>;
+  </pre>
+</div>

addon/components/api/x-component/component.js renamed to addon/components/api/x-component/index.js

@@ -0,0 +1,3 @@
+    <h4 class="docs-mb-2 docs-text-grey docs-font-bold docs-tracking-wide docs-uppercase docs-text-xxs">
+      {{yield}}
+    </h4>

addon/components/api/x-import-path.hbs

@@ -1,13 +1,5 @@
-import { hbs } from 'ember-cli-htmlbars';
-import Component from '@ember/component';
-
-export default Component.extend({
-  tagName: '',
-  layout: hbs`
     <div class="docs-px-6 docs-pt-3 docs-mt-4 docs-border docs-border-grey-light docs-rounded docs-text-xs">
       {{yield (hash
         header=(component 'api/x-meta-panel/header')
       )}}
-    </div>
-  `,
-});
+    </div>