Problema que estoy tratando de resolver:
Quiero tener un archivo con exportaciones, info.js , que son variables que incluyen marcas o cadenas puras.
Por ejemplo;
export const title = "Some title" export const mainText = (<b> I'm so texty </b>, mark me up like I'm a hot reloadable) En el mundo JSX, mainText está bien, en Svelte world, mainText debe ser una cadena que luego cargo con @html {@html mainText} .
Semisolución con un problema que me gustaría comentar:
Aunque, cuando cargo con @html, los estilos dentro del archivo .svelte no se aplican. Bien, puedo hacer eso con: global, pero... mi segundo problema es que el marcado en una cadena también es molesto, no puedo embellecerlo.
¿Qué debería estar haciendo?
Cree un archivo separado para la sintaxis similar a html, el marcado en una cadena no será muy bonito, no hay mucho que hacer al respecto. Puede cargar y analizar .html desde el back-end o algo así, pero tampoco es lo mejor.
Los estilos deben ser globales, porque no está diseñado para funcionar de esta manera (alcance de la caja), pero también puede tener su archivo de estilos separado en la carpeta estática o enviar desde el back-end con html como una página separada e independiente .
En general, recomendaría refactorizar todo, para que pueda usar Svelte como se supone que debe usarse.