You able to use wonderful and simple chat!

<vuestic-chat v-model="chatMessages" :height="10rem"></vuestic-chat>
 
chatMessages: [
  {
    text: 'Hello! Are you busy?', // Text of message
    yours: false // Indicates if this message from you
  },
  {
    text: 'Hi. For you - I'm busy forever...',
    yours: true
  }
],

Props

• height - String (default: '20rem') - height of chat container
  Find DEMOs here!