title: vue-chat-scroll not scrolling to the last message in the list
body: <p>I have a chat feature in my <code>vue</code> app.The message are loaded in a list as the following.</p>
  
  <pre><code>        &lt;div class="chat"&gt;
            &lt;ul v-chat-scroll&gt;
                &lt;li 
                v-for="message in messages" 
                :key="message.id"
                :class="message.from == 'a' ?  'message-card-left' : 'message-card-right'"
                &gt;
                &lt;Card class="message-card"&gt;
                    &lt;template slot="content"&gt;
                    {{message.message}}
                    &lt;/template&gt;
                    &lt;template class="message-time" slot="footer"&gt;
                    {{message.time}}
                    &lt;/template&gt;
                &lt;/Card&gt;
                &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>The messages variable looks like:</p>
  
  <pre><code>  messages: [
                {
                  id: 1,
                  from: 'a',
                  to: 'b',
                  message:'time',
                  time: '1:00'
                },
                {
                  id: 2,
                  from: 'b',
                  to: 'a',
                  message:'time',
                  time: '1:00'
                },
              ]
  </code></pre>
  
  <p>I removed the other objects for readability. I want <code>v-chat-scroll</code> to scroll the chat window to the last message. I am using <code>primeVue</code> in this code too. Any help would be appreciated. Thanks.</p>