vue-typing.js

var store = {
  data: {
    typing: []
  },
  
  addTyper: function(typer) {
    this.data.typing.push(typer);
  }
};

Vue.component('typing', {
  template: `
     <div v-if="typing.length > 0" class='message replies'>
        <img v-for='typer in typing' :src="typer.avatar" />
        <div class="typing-indicator">
          <span></span><span></span><span></span>
        </div>
     </div>
  `,
  data: {
    typing: store.data.typing
  }
});

store.addTyper({
  avatar: 'https://pbs.twimg.com/profile_images/899693023969333254/d-_mIPm8_400x400.jpg'
});