Typing view slow performance

[oasis345]

first
thank you for letting me use a nice App!.

anyway I found a problem.

A lot of messages make typing slow. ( eventlistener, v-model ...)

So I fixed it temporarily.

Feedback thank u

room (2).zip

.diff

[antoine92190]

Can you create a pull request with your changes?

[yleclanche]

You can reproduce it on the demo page. You juste have to add a tons of message, and the typing is getting slower.
Instead of using a debounce, I think you could use v-model.lazy.
Or extract the textarea in another component to avoid rerenders.

[natsumework]

@antoine92190
#185 improved the typing performance, but the typing speed is still slow on mobile devices.
After loading about 30 messages on my phone, I start to feel the typing speed slows down. After loading about 100 messages, the typing speed becomes unacceptable.

It can be observed in debug mode that the components under room.vue will be rerendered every time typing in textarea.
I think we really need to extract the textarea to another component to avoid rerenders.

vue-chat.mp4

[antoine92190]

Actually, I found out that this code is causing many re-renders

<template v-for="(idx, name) in $scopedSlots" #[name]="data">
  <slot :name="name" v-bind="data" />
</template>

It's used everywhere in the app to pass slots across components, not sure yet how to solve it.

Ref: vuejs/vue#6351

[antoine92190]

Fixed in 8393592