Mostrando contenido diferente para la vista móvil en un archivo .gjs

Desarrollador
,
5

Si lo deseas, puedes colocar una clase entera dentro de la llamada 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}}
          ¡Móvil!
        {{else}}
          ¡Normal!
        {{/if}}
      </template>
    }
  );
});

Pero la solución .lookup() también es razonable: de todos modos, eso es lo que @service hace en segundo plano :ok_hand:

6 Me gusta