Late initialized deep reactivity

[balage1551]

I have a store which will store a relatively large data with complex structure: the top level of my business data is an array of projects which is a complex object. I would like to make a (lookup) map structure to access a project with a given id.
I define a state field called projects (tried both being an object [old school] or being a Map), but as the data is not yet fetched it is an empty object.
When I fetched the data, I would like to populate the projects map but with reactivity. Something you would do in Vue by Vue.set or this.$set.

Is there a way to make a complex object reactive in Pinia?

[balage1551]

After some digup, I found a solution. Using Vue.observable did the trick:

      this.projects.clear()
      raw.forEach(p => {
        this.projects.set(p.id, Vue.observable(p))
      })