Как структурировать vuex с помощью api-звонков

Question

Я хочу эффективно структурировать свой файл vuex с помощью моих вызовов API.Давайте предположим, что у меня есть магазин для моих репозиториев github.Там у меня есть три слоя:

• Проекты
• Филиалы
• Релизы

Сначала я выбираю все свои проекты.Затем я выбираю ветки выбранного проекта (* vue) (ProjectA).Теперь мои филиалы хранятся в магазине за ProjectA.Но как только я изменю проект на ProjectB, мои ветки ссылаются на неправильный проект.Или я всегда должен выбрать все ветви снова при выборе другого проекта.Но это не всегда нужно.Также имейте в виду, что у меня есть третий слой, который увеличит загрузку снова.

Я создал что-то подобное, что не очень хорошо выглядит

if (!this._fullObject) {
  this._fullObject = [];
}
if (!this._fullObject[projectId]) {
  this._fullObject[projectId] = [];
}
if (!this._fullObject[projectId][branchId]) {
  this._fullObject[projectId][branchId] = [];
}
this._fullObject[projectId][branchId].releases = releases;

Я сохранял это всегда, когдаВызов сеттера.

Но я не уверен, что это совершенно неправильно.Может быть, есть другой подход, как это должно быть обработано?