New line problem

[mrcode86]

Hi

And thanks for a greate component.

I have this:

               <div class="font-weight-bold">{{ item.user.username }}</div>
               <div class="comment-text">
                    <v-clamp autoresize :max-lines="3">
                        {{ item.text }}
                        <button v-if="expanded || clamped"
                                slot="after"
                                slot-scope="{ toggle, expanded, clamped }"
                                class="comment-toggle"
                                @click="toggle">
                            <template v-if="clamped">
                                {{ $t('ShowMore') }}
                            </template>
                            <template v-if="expanded">
                                {{ $t('ShowLess') }}
                            </template>
                        </button>
                    </v-clamp>
                </div>

And item.text = "Hello\n\nMy name is...\n and i live in..."

The problem is thet all the text is on the same line. Then i try this css:
.comment-text span span { white-space: pre-line; }

Then i first recive a empty line, then i se "Hello" and the third line contains, "... Read more".

How can i craete a new line when the text contains \n? Or remove the first line?

Result:

But should be: