I have this simple component displaying user info:

```
<div class="m-card-user__details">
  <span class="m-card-user__name m--font-weight-500">
    {{ firstname }} {{ lastname }}
  </span>
  <a class="m-card-user__email m--font-weight-300 m-link">
    {{ loginEmail }}
  </a>
</div>

```

Script

```
<script>
export default {
  data () {
    return {
      loginEmail : this.$store.getters.user.loginEmail,
      firstname: this.$store.getters.user.firstName,
      lastname: this.$store.getters.user.lastName,
    }
  }
};
</script>

```

Problem is that if another component change the value of the firstname property in the VueX store, I see that the value is well updated on the store but not on my component here..

How can i set the 2 ways bindings on a element ?