Breadcrumb component with state

app/components/breadcrumb.hbs

 <ul>
-  {{#each this.breadcrumb.items as |item|}}
+  {{#each this.path as |path_item|}}
     <li>
-      {{item.title}}
+      {{path_item.title}}
     </li>
   {{/each}}
 </ul>
\ No newline at end of file

app/components/breadcrumb.js

@@ -4,7 +4,7 @@ import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 
 export default class BreadcrumbComponent extends Component {
-  @tracked path = A([]);
+  @tracked path = A([{'id': 1, 'title': 'Some Folder 1'}, {'id': 2, 'title': 'Some Folder 2'}]);
 
   @action
   change(node_id) {

app/components/folder.hbs

+<Breadcrumb />
 <div class="node folder">
     <div class="icon folder"></div>
     <div class="title">

app/components/nodes.hbs

-<Breadcrumb />
 <div class="nodes">
   <ul class="results">
       {{#each @nodes as |node|}}

app/templates/folder.hbs

-Folder
+<Breadcrumb />
 <Nodes @nodes={{@model}} />

app/templates/index.hbs

-index
 <Breadcrumb />
 <Nodes @nodes={{@model}} />