VueX: заполнение ассоциаций между модулями

Question

Я пытаюсь построить свой магазин как можно ближе к REST API. Теперь я загружаю 2 модуля из API прямо в sotre, где на один из них можно ссылаться в другом.

Например:

Каждый Автомобиль в моем модуле Автомобиль имеет атрибут Двигатель , который является числом. Это число относится к идентификатору Engine , который я также имею в другом модуле магазина.

Теперь, когда я получаю доступ к геттеру Cars , я хочу удобный способ слияния каждого Engine в связанный Car , так что мои компоненты не должны сделай это.

Теперь, конечно, я мог бы просто получить оба метода получения и написать какое-нибудь вычисляемое свойство, например:

carWithEngine () {
  return this.cars.map(c => ({
    ...c,
    engine: this.engines.find(e => e.id === c.engine)
  }))
}

Я мог бы даже передать это в миксин, чтобы сделать его многоразовым, но он все равно будет работать только для автомобилей и двигателей.

Я ищу более общий способ, где я мог бы просто дать магазину два добытчика и атрибуты, которые он должен объединить, без потери реактивности .