ui-link-to Component OCTANE

component.js

import Component from '@glimmer/component';
import { inject as service } from '@ember/service';
import { action } from '@ember/object';

export default class UiLinkTo extends Component {

  @service router;

  get href() {
    return this.router.urlFor(...this.route);
  }

  get isActive() {
    return this.router.isActive(...this.route);
  }

  @action
  transitionTo() {
    this.router.transitionTo(...this.route);
  }

}

template.hbs

{{yield (hash
  href=this.href
  isActive=this.isActive
  transitionTo=this.transitionTo
)}}

<UiLinkTo @route={{array "arg1" "arg2"}}>