Vuex 目錄結構

src/
├── store/
│   ├── index.js        # Vuex 的主入口，組合模組
│   ├── state.js        # 全域狀態 (可選)
│   ├── getters.js      # 全域 getters (可選)
│   ├── mutations.js    # 全域 mutations (可選)
│   ├── actions.js      # 全域 actions (可選)
│   └── modules/        # 模組化 Vuex
│       ├── user.js     # user 模組
│       └── product.js  # product 模組

• 為什麼這樣設計

模組化：方便維護大型專案，拆分邏輯。

可讀性高：state、getters、mutations、actions 各自獨立。

支援命名空間：讓不同模組間互不衝突。