Vue-stash reactivity not working in data variables

[gijo-varghese]

I'm using Vue-stash as an alternative to vuex. Vue-stash itself is reactive. However, if I use it inside a data variable, that variable isn't changing

<template>
 <div>
  {{id}} // not reactive
 </div>
</template>
<script>
export default {
  data() {
    return {
      id: this.$store.id
    }
  }
}
</script>

[gijo-varghese]

ok. Figured that I've to use computed properties!