получение значений из модуля nuxt vuex с использованием идентификатора из другого модуля

Question

мои данные хранятся так:

store / resellers.js

export const state = () => ({
    all: {
        "1": {
            name: "John´s coffee",
            city: 1,
        },
        "2": {
            name: "Mary´s restaurant",
            city: 2,
        },
        "3": {
            name: "Robertas Pizza",
            city: 2,
        },
        "4": {
            name: "Au cheval",
            city: 1,
        }
    }
})

store / towns.js

export const state = () => ({
    all: {
        "1": {
            name: "New York",
            slug: "new-york",
            image: "imagem-from-new-york.jpg"
        },
        "2": {
            name: "Denver",
            slug: "denver",
            image: "imagem-from-denver.jpg"
        }
    }
})

Вопросы:

1. В моем компоненте vue как я могу получить название, слаг и изображение из городов, используя идентификатор города в торговых посредниках?

2. После этого Как я могу сгруппировать результат, используя город в качестве ключа?

3. Этот способ хранения данных является наилучшей практикой? Я имею в виду, ID является хорошим ключом?

4. Этот способ сопоставления данных является наилучшей практикой?

Я действительно застрял в этой теме данных реляционных объектов.
Спасибо за помощь.