How to clean HTML code from extra spaces?

[afuno]

Version

2.6.10

Reproduction link

https://jsfiddle.net/chrLg4uk/

Steps to reproduce

1. Write a simple component that I attached.
2. In the HTML code you will see that there are spaces before and after the text.

What is expected?

I want to remove these spaces. I can not imagine how you can write an HTML tag and a variable on one line. Especially when a lot of classes and other attributes.

What is actually happening?

Cannot remove extra spaces. Need to write a variable on a single line with an HTML tag.

[posva]

You probably want to write <span>{{ message }}</span>

---

Remember you can use the forum or the Discord chat to ask quick questions!

[afuno]

@posva That is, I need to wrap all the variables?

[posva]

If you don't want extra space, yes, that's how HTML work:

<span>Some text</span>

is different from

<span>
  Some Text
</span>

[afuno]

@posva Your way works. Thank.

[afuno]

@posva This problem can also be solved, for example, by going to pug?

[posva]

You could, I wouldn't use pug personally. Anyway, please ask questions in the forum or chats 🙂