How to display in x-text two elements?

[bubnenkoff]

I need to display value from x-data like: 10$

<div x-data="{price: 10}">
   <span x-text="price"></span>
</div>

I know that I can do:

  <span x-text="price"></span>$

But I want to make $ is part of span to make it's styling easier.

How I can do it?

https://jsfiddle.net/L7sb0v3w/

[Tim-Wils]

Try this: x-text="price+'$'"