# Module Spec：vab-app-main（主内容区：联动 routes store）

module:
  id: vab-app-main
  name: VabAppMain（主内容区）
  type: ui
  entrypoints:
    - library/components/VabAppMain/index.vue

public_api:
  concept:
    - "监听 route 变化，更新 routes store 的 tab/activeMenu"
    - "渲染 vab-router-view + vab-footer"

dependency_closure:
  runtime:
    - "vue-router：useRoute"
    - "store-routes：tab/activeMenu"
    - "utils/routes：handleActivePath"
    - "组件依赖：VabRouterView、VabFooter（需同时可用/注册）"

acceptance:
  - "路由变化时 activeMenu.data 更新为当前激活路径"
  - "主内容区能渲染 router-view 与 footer"

pitfalls:
  - "tab 使用 route.matched[0].name；若路由层级/匹配为空需要在目标项目确认兼容"