Add section about query/queryRecord

Author: Baltazore

app/routes/application.js

@@ -11,6 +11,21 @@ export default class ApplicationRoute extends Route {
             classicFiles: ['old.js'],
             octaneFiles: ['new.js', 'replicate-store.js', 'own-builder.js'],
           },
+          {
+            id: 'find-all',
+            classicFiles: ['old.js'],
+            octaneFiles: ['new.js'],
+          },
+          {
+            id: 'query',
+            classicFiles: ['old.js'],
+            octaneFiles: ['new.js'],
+          },
+          {
+            id: 'query-record',
+            classicFiles: ['old.js'],
+            octaneFiles: ['new.js'],
+          },
         ],
       },
       {

snippets/fetching-data/find-all/new.js

@@ -0,0 +1,4 @@
+import { query } from '@ember-data/json-api/request';
+
+const result = await store.request(query('user'));
+const users = result.content.data;

snippets/fetching-data/find-all/old.js

@@ -0,0 +1 @@
+const users = this.store.findAll('user')

snippets/fetching-data/query-record/new.js

@@ -0,0 +1,4 @@
+import { query } from '@ember-data/json-api/request';
+
+const result = await store.request(query('user', { ...params, limit: 1 }));
+const user = result.content.data[0] ?? null;

snippets/fetching-data/query-record/old.js

@@ -0,0 +1 @@
+const user = await store.queryRecord('user', params);

snippets/fetching-data/query/new.js

@@ -0,0 +1,4 @@
+import { query } from '@ember-data/json-api/request';
+
+const result = await store.request(query('user', { filter: { name: 'John' } }));
+const users = result.content.data;

snippets/fetching-data/query/old.js

@@ -0,0 +1 @@
+const users = await store.query('user', { filter: { name: 'John' } });

translations/fetching-data/find-all/en-us.yaml

@@ -0,0 +1,3 @@
+title: findAll
+description: |
+  There is no direct replacement for <code>findAll</code>, you should just use <code>query</code> without options instead.

translations/fetching-data/find-record/en-us.yaml

@@ -1,3 +1,3 @@
-title: Find Record
+title: findRecord
 description: |
   Examples here are shown for apps that use JSON:API. Apps using other paradigms should use the builders for REST or ActiveRecord if applicable, or author their own (or a new community lib!) if not.

translations/fetching-data/query-record/en-us.yaml

@@ -0,0 +1,2 @@
+title: queryRecord
+description: There is no direct replacement of <code>queryRecord</code>. You can just use <code>query</code> with <code>limit=1</code> option.