Merge keyword.index into parent route

Author: Turbo87

app/controllers/keyword/index.js renamed to app/controllers/keyword.js

@@ -3,15 +3,15 @@ import { tracked } from '@glimmer/tracking';
 
 import { reads } from 'macro-decorators';
 
-import { pagination } from '../../utils/pagination';
+import { pagination } from '../utils/pagination';
 
 export default class KeywordIndexController extends Controller {
   queryParams = ['page', 'per_page', 'sort'];
   @tracked page = '1';
   @tracked per_page = 10;
   @tracked sort = 'recent-downloads';
 
-  @reads('model.meta.total') totalItems;
+  @reads('model.crates.meta.total') totalItems;
 
   @pagination() pagination;
 

app/routes/keyword.js

@@ -1,7 +1,24 @@
 import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
 
-export default class KeywordRoute extends Route {
-  model({ keyword_id }) {
-    return keyword_id;
+export default class KeywordIndexRoute extends Route {
+  @service router;
+  @service store;
+
+  queryParams = {
+    page: { refreshModel: true },
+    sort: { refreshModel: true },
+  };
+
+  async model(params, transition) {
+    let { keyword_id: keyword, page, sort } = params;
+
+    try {
+      let crates = await this.store.query('crate', { keyword, page, sort });
+      return { keyword, crates };
+    } catch (error) {
+      let title = `${keyword}: Failed to load crates`;
+      this.router.replaceWith('catch-all', { transition, error, title, tryAgain: true });
+    }
   }
 }

app/routes/keyword/index.js

@@ -165,7 +165,7 @@
           {{#each this.model.popular_keywords as |keyword|}}
             <li>
               <FrontPageList::Item
-                @link={{link "keyword" keyword}}
+                @link={{link "keyword" keyword.id}}
                 @title={{keyword.id}}
                 @subtitle="{{format-num keyword.crates_cnt}} crates"
               />

app/templates/index.hbs

@@ -1,6 +1,6 @@
-{{page-title this.keyword ' - Keywords'}}
+{{page-title @model.keyword ' - Keywords'}}
 
-<PageHeader @title="All Crates" @suffix="for keyword '{{this.keyword}}'"/>
+<PageHeader @title="All Crates" @suffix="for keyword '{{@model.keyword}}'"/>
 
 <div local-class="results-meta">
   <ResultsCount
@@ -22,6 +22,6 @@
   </div>
 </div>
 
-<CrateList @crates={{this.model}} local-class="list" />
+<CrateList @crates={{@model.crates}} local-class="list" />
 
 <Pagination @pagination={{this.pagination}} />