Если хотите, вы можете поместить весь класс внутрь вызова renderInOutlet:
import { apiInitializer } from "discourse/lib/api";
import Component from "@glimmer/component";
import { service } from "@ember/service";
export default apiInitializer((api) => {
api.renderInOutlet(
"composer-after-save-or-cancel",
class extends Component {
@service site;
<template>
{{#if this.site.mobileView}}
Мобильная версия!
{{else}}
Обычная версия!
{{/if}}
</template>
}
);
});
Однако решение с .lookup() также вполне разумно — именно так @service работает под капотом ![]()