Modernizando tags de script inline para templates  API JS

Como administrador do poke and guess, fiquei um pouco preocupado ao ler isso, mas quando verifiquei meu tema personalizado, vi apenas um script muito simples:

<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>

Então foi apenas uma cópia do que está entre as tags script, vá para a aba JS, e havia um lugar para colocá-lo. Foi fácil!

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');
});
1 curtida