J'ai les magasins suivants :

export const useMyStore = defineStore('myStore', {
  state: () => {
    return {
      openTransOnly: false,
      keyword: '',
      openTransStatus: { nextPage: 0, complete: false },
      pastDueTransStatus: { nextPage: 0, complete: false },
    };
  },

  getters: {
    transStatus(state) {
      return state.openTransOnly ? state.openTransStatus : state.pastDueTransStatus;
    },
  },
});

Maintenant, disons que je souhaite convertir l'attribut « mot-clé » ci-dessus en une référence. Voici ce que j'ai fait :

const myStore = useMyStore();
const { keyword: needle } = storeToRefs(myStore);

J'ai également les propriétés calculées suivantes dans mon composant :

const page = computed({
  get: () => myStore.transStatus.nextPage,
  set: (value) => (myStore.transStatus.nextPage = value),
});

Ça fonctionne très bien. Cependant, j'aimerais savoir comment définir des "pages" en utilisant le même "storeToRefs" ci-dessus. J'ai essayé ceci :

const { keyword: needle, transStatus: { nextPage: page } } = storeToRefs(myStore);

Mais il est écrit "La page n'est pas définie". Qu'ai-je fait de mal? Est-il possible?