커스텀 헤더 아이콘 업데이트: URL을 통해 게시 데이터 전송

개발
5

@Arkshine 님, 안녕하세요,

상세한 설명을 올려주셔서 정말 감사합니다. <head>에 코드를 주입해 보았지만 아이콘이 표시되지 않습니다. 제가 뭘 잘못한 걸까요?

<script type="text/discourse-plugin">
    import { apiInitializer } from "discourse/lib/api";
    import DButton from "discourse/components/d-button";
    
    export default apiInitializer("1.8.0", (api) => {
      const currentUser = api.getCurrentUser();
    
      if (!currentUser) {
        return;
      }
    
      const url =
        "https://example.com/?u=" + encodeURIComponent(currentUser.username);
      console.log("url: " + url)
      const iconComponent = <template>
        <li class="calculator">
          <DButton
            @href={{url}}
            @icon="calculator"
            class="icon btn-flat"
            title="Calculator"
            target="_blank"
          />
        </li>
      </template>;
    
      api.headerIcons.add("calculator", iconComponent, { before: "search" });
    });    
</script>