Improved support for strict mode templates
Features
If your project allows strict mode (files with the extension .gjs
or .gts
), you can use the import path 'ember-container-query'
(rather than the "true" path) to consume the addon. Thanks to @NullVoxPopuli for adding this feature.
// Component
import { ContainerQuery } from 'ember-container-query';
// Helpers
import { aspectRatio, height, width } from 'ember-container-query';
// Modifier
import { containerQuery } from 'ember-container-query';
If the project also supports Glint, you will benefit from the addon's types.
Deprecations (for v4)
In #146, the helpers were renamed in order to minimize the difference in names (syntax) between *.hbs
and *.{gjs,gts}
files. Please update the helper names in your templates (e.g. use find-and-replace-all).
Step | Find | Replace with |
---|---|---|
1 | cq-aspect-ratio |
aspect-ratio |
2 | cq-height |
height |
3 | cq-width |
width |
The old helpers {{cq-aspect-ratio}}
, {{cq-height}}
, and {{cq-width}}
will be removed in v4.0.0
.