Parece que me he encontrado con un problema. mi v-for interno no está siendo consistente con el pedido una vez que ha cambiado. Se baraja cada actualización.

Tengo una propiedad calculada llamada "Lista". Esto recupera un estado en mi tienda Pinia (tipo vuex). El objeto es:

 List: { CategoryOne: { item: false, item2: true, item3: false, item4: true }, CategoryTwo: { item: false, item2: true, item3: false, item4: true } }

En mi primer v-for, es el siguiente...

 <div v-for="(value, index, key) in List" :key="key"> <h1>{{ index }}</h1> <ul v-for="(value2, index2, key2) in value" :key="key2"> <li> {{ index2 }} : {{ value2 }} </li> </ul> </div>

El problema es que mi v-for interno sigue siendo barajado cada vez que se refresca o actualiza. ¿¿¿Por qué es esto???