Option store created in Vue 2 does not update computed value in Vue3

[mcube27]

Reproduction

no

Steps to reproduce the bug

1. create an option store
2. create a option api component
3. in the computed option, get a counter for example

Expected behavior

The counter should update in the component

Actual behavior

The component does not update. Not with ...mapState, nor with setup() option.

Additional information

We have switch from Vuex to Pinia a long time ago with great success while on Vue2.
We are migrating our app, quite a big one, to Vue 3.

Since then, stores do not update their value unless we go to another route and come back. Meaning, the store works but the component can get updated values when change happen.

[mcube27]

Using the Pinia/bug-report repository, I could try out.

I found out that when you initialize the state like this:

const initialEntityState = {
  ...getInitialEntityState<Location>(),
};

export const useLocations = defineStore('locations', {
  state: () => initialEntityState,
  actions: {
    ...createEntityActions<Location>(initialEntityState),
  },
});

which works fine in Vue 2, you need to add reactive() around the variable that is going to be the state, so the following:

const initialEntityState = {
  ...getInitialEntityState<Location>(),
};

becomes:

const initialEntityState = reactive({
  ...getInitialEntityState<Location>(),
});

Then it works again