I'm new to ember.js and firebase. At the moment I can post messages and see them displayed in a list like this:

//templates/show-messages.hbs

{{page-title "ShowMessages"}}

<div class="container">
    <div class="chat-container">
        {{#each this.model as |message|}}
        <div class="bubble">
            <h3>{{message.text}}</h3>
            <p>{{message.username}}</p>
        </div>
        {{/each}}
    </div>
    <ChatInput class="Input" @username="" @text=""></ChatInput>
</div>


//routes/show-messages.js

import Route from '@ember/routing/route';

export default class ShowMessagesRoute extends Route {
  model() {
    return this.store.findAll('chat-message');
  }
}

The problem is that when viewing chat in another browser, the chat window doesnt update when I post a message. Hence, the chat doesnt really update like it should.

How do I solve this? Thanks.