В самом конце проекта впервые столкнулся с ситуацией, когда нужен

Question

Svelte [svelt] - All about Svelte JavaScript framework.

В самом конце проекта впервые столкнулся с ситуацией, когда нужен

JSX, и чтобы его придумать, нужно городить костыли.

Делаю я, значит, красивый онбординг (видосик приложу). Визуальный компонент для онбординга реюзабельный, конечно. Хочет он принимать текст какой-то через слоты. А вёрстка накладывает ограничения: весь текст должен быть строго в <span> с определённым классом.
Варианта два: все потребители контента должны быть об этом в курсе или… экшен.

Вот сейчас я в компоненте же онбординга делаю такую вот грязюку, у всех потребителей её импортирую и вешаю на элемент слота с текстами. Как считаете, аукнется мне это или нет?

export const textAction: Action = node =>
node.querySelectorAll('p').forEach((el: HTMLParagraphElement) => {
const span = document.createElement('span');
span.className = 'back';
span.innerHTML = el.innerHTML;
el.innerHTML = '';
el.appendChild(span);
});