doing something like
<div id="typed-strings">
<p class="text-red">line 1</p>
<p class="text-orange">line </p>
</div>
<div id="typed"></div>
<script>
const _host = new Typed('#typed',{
stringsElement: '#typed-strings'
})
</script>
results in a non-stylized typed text
otherwise something like:
<template id="t">
<span class="text-orange">line1</span>:
</template>
<script>
const _host = new Typed('#typed', {
strings: [document.getElementById('t')!.getHTML()]
})
</script>
preserves classes