document component renamed to node

app/components/document.hbs

-<div class="node item document">
-    <Document::Image
-        src={{@doc.image}}
-        alt="A picture of {{@doc.title}}"
-    />
-
-  <div class="details">
-    {{@doc.type}}
-    <h3>
-        <LinkTo @route="document" @model={{@doc}}>
-            {{@doc.title}}
-        </LinkTo>
-    </h3>
-  </div>
-</div>
\ No newline at end of file

app/components/node.hbs

+<div class="node item">
+  <div class="icon {{@node.type}}"></div>
+  <div class="details">
+    {{@node.type}}
+    <h3>
+      <LinkTo @route="{{@node.type}}" @model={{@node}}>
+          {{@node.title}}
+      </LinkTo>
+    </h3>
+  </div>
+</div>
\ No newline at end of file

app/components/documents.hbs → app/components/nodes.hbs

@@ -4,12 +4,10 @@
 </label>
 
 
-<div class="documents">
+<div class="nodes">
   <ul class="results">
-    <Documents::Filter @docs={{@docs}} @query={{this.query}} as |results|>
-      {{#each results as |doc|}}
-        <li><Document @doc={{doc}} /></li>
+      {{#each @nodes as |node|}}
+        <li><Node @node={{node}} /></li>
       {{/each}}
-    </Documents::Filter>
   </ul>
 </div>
\ No newline at end of file

app/components/documents/filter.js → app/components/nodes/filter.js

 import Component from '@glimmer/component';
 
-export default class documentssFilterComponent extends Component {
+export default class NodesFilterComponent extends Component {
   get results() {
     let { docs, query } = this.args;
 

app/templates/index.hbs

 <h1>Index </h1>
-<Documents @docs={{@model}} />
\ No newline at end of file
+<Nodes @nodes={{@model}} />
\ No newline at end of file