@warp-drive-mirror/ember 5.4.1-beta.1 → 5.4.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -42,6 +42,7 @@ Documentation
42
42
  - [RequestState](#requeststate)
43
43
  - [getRequestState](#getrequeststate)
44
44
  - [\<Request />](#request-)
45
+ - [Using with `.hbs`](#using-hbs)
45
46
 
46
47
  ---
47
48
 
@@ -529,6 +530,32 @@ import { Request } from '@warp-drive-mirror/ember';
529
530
 
530
531
  If a matching request is refreshed or reloaded by any other component, the `Request` component will react accordingly.
531
532
 
533
+ ## Using .hbs
534
+
535
+ The components and utils this library exports are intended for use with `
536
+ Glimmer Flavored JavaScript (`gjs`). To use them in handlebars files, your
537
+ app should re-export them. For instance:
538
+
539
+ *app/components/await.ts*
540
+ ```ts
541
+ export { Await as default } from '@warp-drive-mirror/ember';
542
+ ```
543
+
544
+ ```hbs
545
+ <Await @promise={{this.getTheData}}></Await>
546
+ ```
547
+
548
+ This approach allows renaming them to avoid conflicts just by using a different
549
+ filename if desired:
550
+
551
+ *app/components/warp-drive-await.ts*
552
+ ```ts
553
+ export { Await as default } from '@warp-drive-mirror/ember';
554
+ ```
555
+
556
+ ```hbs
557
+ <WarpDriveAwait @promise={{this.getTheData}}></WarpDriveAwait>
558
+ ```
532
559
 
533
560
  ---
534
561