menu-manager

Synchronize sidebar menu items and icons across EsportManager2 layout files.

2|Updated Feb 7, 2026
One-click install
npx skills add https://github.com/Showiix/EsportManager2 --skill menu-manager
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: menu-manager
Source: https://github.com/Showiix/EsportManager2/tree/main/.claude/skills/menu-manager
Command: npx skills add https://github.com/Showiix/EsportManager2 --skill menu-manager

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

这项技能帮助在 EsportManager2 项目中统一和简化侧边栏导航的配置与变更传播,避免不同布局之间菜单不一致。

Core Features & Use Cases

  • 同步修改在两个布局文件中的菜单结构,确保 Sidebar.vue 与 MainLayout.vue 显示一致。
  • 提供添加、删除、重命名、重新排序菜单与子菜单的工作流,并在需要时更新路由配置。
  • 实际场景示例:在新增页面时同时更新菜单并调整路由以保持导航连贯性。

Quick Start

新增菜单项时,同时修改 Sidebar.vue、MainLayout.vue,并在 src/router/index.ts 添加对应的路由。

Frequently Asked Questions about menu-manager

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I keep sidebar navigation consistent across multiple Vue layout files?

To keep sidebar navigation consistent across multiple Vue layout files, synchronize menu items by applying structural changes to both Sidebar.vue and MainLayout.vue simultaneously. This workflow prevents visual mismatches during sidebar navigation updates.

How do I add a new menu item and update the Vue router at the same time?

To add a new menu item and update the Vue router, modify Sidebar.vue and MainLayout.vue to insert the menu entry, then add the corresponding route configuration in src/router/index.ts. This ensures the new page is accessible and navigation remains coherent.

Can I reorder submenus in the sidebar without breaking the router configuration?

Yes, you can reorder submenus in the sidebar without breaking the router configuration by adjusting the menu hierarchy in Sidebar.vue and MainLayout.vue. The router configuration remains intact as long as the route paths themselves are not modified during reordering.

Why do my sidebar menus show different items in different layouts after renaming?

Sidebar menus show different items in different layouts after renaming because the changes were not synchronized across all layout files. You must apply renaming operations consistently to both Sidebar.vue and MainLayout.vue to maintain unified navigation.

Does this sidebar menu synchronization approach work for deleting unused navigation entries?

Yes, this sidebar menu synchronization approach works for deleting unused navigation entries by removing the target items from both Sidebar.vue and MainLayout.vue. You should also remove the corresponding route definitions in src/router/index.ts to maintain consistency.