This is list of useful decorators for template-imports in Ember. It's created as easy to use "bridge" from primitives to handy DX implementation.
- Ember.js v3.16 or above
- Ember CLI v2.13 or above
- Node.js v10 or above
ember install ember-template-import-decorators
- Named arguments not supported for helpers, modifiers
- For components, only 'template-only' glimmer components supported
Decorators expecting different signatures:
`@asHelper`
function myHelper(...positionalParams) {
}`@asModifier`
function myModifier(element, ...positionalParams) {
}// my-component.js
import Component from "@glimmer/component";
import { hbs as tpl } from "ember-cli-htmlbars";
import { asHelper, asModifier, asComponent } from "ember-template-import-decorators";
export default class ExampleComponent extends Component {
@asHelper
uppercase(a) {
return a.toUpperCase();
}
@asComponent
GreetingComponent = tpl`<h1 ...attributes>{{@greeting}}</h1>`;
@asModifier
changeBackground(element, color) {
element.style.backgroundColor = color;
}
}// my-component.hbs
See the Contributing guide for details.
This project is licensed under the MIT License.