Alpine.js | как перезаписывать текст в элементе при изменении в $store?

У меня на сайте есть вот такой объект в хранилище

document.addEventListener('alpine:init', () => {
  Alpine.store('configuration', {
    'CPU': undefined,
    'RAM': undefined,
    'drive': undefined,
    /* name: [model, price] */

    change(key, value) {
      this[key] = value
    },

    get pricePerMonth() {
      if (this.CPU === undefined || this.RAM === undefined || this.drive === undefined) {
        return 'fill the inputs'
      } else {
        return this.CPU[1] + this.RAM[1] + this.drive[1]
      }
    },

  })
})

и еще на сайте есть такой элемент

<div x-data class='...'>
    ...
    <div class='price-per-month'></div>
    ...
</div>

как мне при каждом изменении $store.configuration записывать в этот див $store.configuration.pricePerMonth?