Render directory items in index

app/components/directory-listing/component.js

@@ -0,0 +1,10 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+
+  classNames: ['directory-listing'],
+
+  items: null
+
+
+});

app/components/directory-listing/template.hbs

@@ -0,0 +1,16 @@
+<table>
+  <thead>
+    <tr>
+      <td>Name</td>
+      <td>Type</td>
+    </tr>
+  </thead>
+  <tbody>
+    {{#each items as |item|}}
+    <tr>
+      <td class="name">{{item.name}}</td>
+      <td class="type">{{item.type}}</td>
+    </tr>
+    {{/each}}
+  </tbody>
+</table>