Injecter du HTML uniquement sur une page

Dev
2

C’est une bonne question, ne vous en faites pas ! Voici ce qui fonctionnera :

import Component from "@glimmer/component";
import { service } from "@ember/service";
import { apiInitializer } from "discourse/lib/api";
import { defaultHomepage } from "discourse/lib/utilities";

class HomepageOnly extends Component {
  @service router;

  get shouldShow() {
    return this.router.currentRouteName === `discovery.${defaultHomepage()}`;
  }

  <template>
    {{#if this.shouldShow}}
      <div>
        du contenu HTML
      </div>
    {{/if}}
  </template>
}

export default apiInitializer((api) => {
  api.renderInOutlet("above-main-container", HomepageOnly);
});

Cela crée un nouveau composant, qui utilise le service router et l’utilitaire defaultHomepage pour vérifier si vous êtes sur la page d’accueil. Le composant est ensuite rendu dans la prise (outlet).

Vous trouverez plus d’informations ici : Add custom content that only appears on your homepage