ember template imports

example.ts

import Component from "@glimmer/component";
import { helper } from "@ember/component/helper";
import { setComponentTemplate } from "@ember/component";
import { hbs as tpl } from "ember-cli-htmlbars";

function asHelper(a, b, c) {
  return {
    value: helper(function (positional) {
      return c.value.call(a, ...positional);
    })
  };
}

function asComponent(a, b, c) {
  class MyComponent extends Component {}

  return {
    value: setComponentTemplate(c.initializer(), MyComponent)
  };
}

export default class ExampleComponent extends Component {
  @asHelper
  myFn(a) {
    return a || 42;
  }

  @asComponent
  myComponent = tpl`<h1>Hello</h1>`;
}

template.hbs

{{this.myFn "23"}}
<this.myComponent />