Reactivity of state properties after an update

[franck102]

Hi all, I am wondering if the following is a valid pattern, from the reactivity point of view, to load data from the server:

export const myStore = defineStore('Booking', {
    state: () => ({
        items: {}
  )},
  actions: {
    loadData() {
        backend.get("/items").then(data => this.state.items = data)
    }
}

If a component used

const { myItems } = storeToRefs(myStore);

.. before loadData was called, will "myItems"still be reactive after loadData replaces the state.items property?

Thanks!

[posva]

You mean this.items Instead of this.state.items ? If so, yes.

[franck102]

Thanks Posva,

This works as expected indeed, I had unrelated issues that made me unsure about the approach...