How do I insert html tags in JS with pug?

Question

When I need to use a JSON-like object in JS with different data in each block and iterating through that object I make a HTML code via pug.

Let me describe it in code<

Answer 1

You can write the html tags as usually something like:

text: "wake up and <span class='color-red brush'>some teeth</span>"

Then in pug you can use unescaped attributes like this:

.some-class!=footerMenu.left[0].text

or using string interpolation attributes unescaped

.some-class !{footerMenu.left[0].text}