使用另一个模块的id从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 / cities.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组件中，如何使用经销商中的城市ID从城市中获取名称，子弹和图像？

2. 之后，如何使用城市作为关键字对结果分组？

3. 这种存储数据的方式是最佳实践吗？我的意思是，ID是密钥？

4. 这种关联数据的方式是最佳做法？

我真的很迷恋这个关系对象数据主题。
感谢您的帮助。