Vuex的结构搭建方式是什么？

当我们处理大型项目时，
即使在Vuex框架中未采用模块化设计，
这些状态（state）、mutation（mutations）和action（actions）可能会显得混乱无章。
因此我们建议采用模块化设计，
不仅能够提升代码的简洁性，
同时能够优化整体结构的清晰度。

我曾撰写过一篇介绍Vuex基础用法的文章，供新手作为入门资料。该文链接为：Vuex基础。这些基本方法主要用于深化技术理解。当掌握了一定的基础后，就需要对现有代码进行重构优化。

Vuex结构：

我进行了在存储目录中部署modules组件，并安装了getters.js和index.js文件；同时，在modules中创建了三个组件。

下面分别在三个模块中写入简单代码：

app.js:

    const state = {
      count: 5,
      device: 'desktop',
    }
    const mutations = {
      SET_COUNT: (state, count) => {
    state.count = co