Firestore does not save line breaks from text area

Question

I am using a text area with Vue v-model and saving it in a firestore collection. But the line breaks disappear in database.

How can it be fixed ?

<         


        

Answer 1

The line breaks don't appear in Firestore console and the text is shown as a single line, but they are saved. Just apply the marked answer in the link below. Vue.js show white space (line breaks)