너무 앞서 나갔네요! 살펴본 결과, 위에 답변을 올린 직후 바로 해결 방법을 찾았습니다. 가끔 이렇게 내용을 적어보면서 해결되는 경우가 있더라고요.
이제 템플릿이 하나만 되도록 업데이트했습니다. 기본적으로 topic-list-item.js에는 다음과 같은 코드가 있습니다:
renderTopicListItem() {
const template = findRawTemplate("list/topic-list-item");
if (template) {
this.set("topicListItemContents", template(this).htmlSafe());
}
},
따라서 테마에서 const template를 다음과 같이 오버라이드하면…
renderTopicListItem() {
const template = findRawTemplate("list/custom-topic-list-item");
if (template) {
this.set("topicListItemContents", template(this).htmlSafe());
}
},
이제 다른 템플릿을 가리키게 되며, 동일한 이름의 모바일 전용 대안이 없으므로 모바일에서도 이 템플릿이 사용되게 됩니다. 질문을 통해 이런 변화를 영감을 주셔서 감사합니다, @hyd504님!