# Packages Manage Guidelines

> Management UI components (views, head, common).

---

## Overview

This directory documents management components in `packages/manage/`.

---

## Directory Structure

```
packages/manage/
├── index.ts           # Main exports: Index, ZhuBeiDong, Common, NoobHead, Views
├── router/            # Router layouts (index.vue, zhuBeiDong.vue)
├── views/             # View-level CRUD components
│   ├── index.ts       # View routes and menus
│   ├── user.vue       # User management
│   ├── role.vue       # Role management
│   ├── dictionary.vue # Dictionary management
│   ├── config.vue     # Config management
│   ├── buffer.vue     # Buffer management
│   ├── permission.vue # Permission management
│   ├── status.vue     # Status management
│   ├── log.vue        # Log management
│   └── scope.vue      # Scope management
├── head/              # Header/menu components
│   ├── index.ts       # Head component exports
│   ├── head.vue       # Main header component
│   ├── menu-tree.vue  # Menu navigation tree
│   ├── personal.vue   # Personal settings
│   ├── fullscreen.vue # Fullscreen toggle
│   ├── style-change.vue # Style/theme switcher
│   ├── lang-change.vue  # Language switcher
│   └── size-change.vue  # UI size switcher
└── common/            # Shared management components
    ├── index.ts       # Common component exports
    ├── login.vue      # Login form
    └── login2.vue     # Alternative login
```

---

## Technology Stack

| Category | Technology |
|----------|------------|
| Framework | Vue 3 + TypeScript |
| UI Library | Element Plus |
| State | Vuex |
| i18n | vue3-i18n |
| Build | noob-mengyxu package |

---

## Guidelines Index

| Guide | Description | Status |
|-------|-------------|--------|
| [views](./views.md) | View components | Filled |
| [head](./head.md) | Header/menu components | Filled |
| [common](./common.md) | Common components | Filled |

---

**Language**: English