DEV: Update dynamic component hbs syntax (#29445)

The block form of `{{#component` is not supported by Glint tooling. They recommend using this `{{#let`-based syntax to achieve the same result
2024-10-29 11:11:10 +00:00 · 2024-10-29 11:11:10 +00:00 · b364a13ad3
parent 336d98732d
commit b364a13ad3
1 changed files with 10 additions and 4 deletions
--- a/app/assets/javascripts/discourse/app/components/reviewable-item.hbs
+++ b/app/assets/javascripts/discourse/app/components/reviewable-item.hbs
@ -55,11 +55,17 @@
        {{/each}}
      </div>
    {{else}}
-      {{#component
+      {{#let
+        (component
          this.reviewableComponent reviewable=this.reviewable tagName=""
+        )
+        as |ReviewableComponent|
      }}
+        {{! template-lint-disable no-shadowed-elements }}{{! (seems to be a false positive) }}
+        <ReviewableComponent>
          <ReviewableScores @reviewable={{this.reviewable}} @tagName="" />
-      {{/component}}
+        </ReviewableComponent>
+      {{/let}}
    {{/if}}
  </div>