템플릿 및 JS API를 위한 인라인 스크립트 태그 현대화

개발
36

poke and guess 관리자로서 이 글을 읽고 조금 걱정되었지만, 내 커스텀 테마를 확인해 보니 아주 단순한 스크립트만 있었습니다:

<script type="text/discourse-plugin" version="0.8.11">

// icon substitutions for share buttons
api.replaceIcon('d-post-share', 'up-right-from-square');
api.replaceIcon('d-topic-share', 'up-right-from-square');


</script>

그저 스크립트 태그 사이에 있는 내용을 복사해서 JS 탭으로 이동한 후, 해당 코드를 붙여넣을 자리를 찾으면 되더군요. 정말 쉬웠습니다!

import { apiInitializer } from "discourse/lib/api";

export default apiInitializer((api) => {
	// icon substitutions for share buttons
	api.replaceIcon('d-post-share', 'up-right-from-square');
	api.replaceIcon('d-topic-share', 'up-right-from-square');
});