@outletArgs가 이제 최상위 인수로 사용 가능합니다

개발
1

최신 버전의 Discourse에서는 outlet 인수를 커넥터 컴포넌트의 최상위 인수로 직접 접근할 수 있습니다.

템플릿의 경우 @outletArgs.foo를 @foo로 대체할 수 있습니다. Glimmer Component JS에서는 this.args.outletArgs.foo를 this.args.foo로 대체할 수 있습니다.

기존의 @outletArgs 인수는 여전히 사용 가능하며, 이를 비추천(deprecate)할 계획도 없습니다. 따라서 기존 코드를 서둘러 업데이트할 필요는 없습니다. 향후 @outletArgs와 this.args.outletArgs의 사용을 감지하고 자동으로 현대화하는 커스텀 eslint 규칙을 도입할 수 있습니다.

플러그인 outlet 인스펙터는 이미 현대적인 방식으로 인수를 표시하도록 업데이트되었습니다:

SCR-20250618-lajw
SCR-20250618-lajw672×224 12.9 KB

가까운 미래에 문서에 대한 변경 사항도 후속 조치로 진행할 예정입니다.

2

훨씬 더 일관성이 좋아요 :+1:t2:

3

무지한 질문이겠지만, 이 args는 어디서 접근하나요? 커넥터의 .gjs 파일에서인가요? 아니면 renderInOutlet에서인가요?

4

커넥터 컴포넌트를 플러그인 아웃렛에 렌더링하는 방법은 두 가지가 있습니다.

하나는 컴포넌트를 /connectors/{outlet-name}/my-connector.gjs(또는 .js/.hbs 조합)에 배치하는 것입니다. 다른 방법은 컴포넌트를 다른 위치에 작성한 후 api.renderInOutlet("{outlet-name}", MyConnectorComponent)을 호출하는 것입니다.

두 경우 모두 아웃렛 인수가 컴포넌트로 전달됩니다.