基于vue3.0和element-plus的组件库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

71 lines
2.0 KiB

# Fill plugs/config+store+i18n spec
## Goal
Analyze the `plugs/config/`, `plugs/store/`, `plugs/i18n/`, and `plugs/util/` directories and document styles, sizes, state management, and utilities.
## Context
### Config (Styles/Sizes)
| Directory | Classes/Modules |
|-----------|----------------|
| plugs/config/styles/ | Dark, Light, Plain, Plainb, ZhuBeiDong |
| plugs/config/size/ | Small, Normal, Large |
### Store (Vuex-like Pattern)
| Module | Purpose |
|--------|---------|
| Actions | mutations: Actions |
| Getters | computed values |
| Mutations | state changes |
| State | reactive state |
### I18n
| Module | Language |
|--------|----------|
| plugs/i18n/en.ts | English |
| plugs/i18n/zh.ts | Chinese |
### Utils
- plugs/util/asyncUtil.ts - Async utilities with `useAsyncEmits`
- plugs/websocket/ - WebSocket management
## Tools Available
### GitNexus MCP
| Tool | Purpose |
|------|---------|
| `gitnexus_context` | View Store classes, I18n modules |
| `gitnexus_cypher` | Query all Class symbols |
## Files to Fill
### Config
1. **plugs/config/index.ts** - Config exports
2. **plugs/config/styles/*.ts** - Style themes (Dark, Light, Plain, Plainb, ZhuBeiDong)
3. **plugs/config/size/*.ts** - Size variants (Small, Normal, Large)
### Store
1. **plugs/store/index.ts** - Store module (Actions, Getters, Mutations, State classes)
### I18n
1. **plugs/i18n/index.ts** - I18n exports
2. **plugs/i18n/en.ts** - English translations
3. **plugs/i18n/zh.ts** - Chinese translations
### Utils
1. **plugs/util/asyncUtil.ts** - Async utilities (useAsyncEmits)
2. **plugs/websocket/index.ts** - WebSocket management (ws-monitor-toggle)
## Acceptance Criteria
- [ ] Real code examples with file paths
- [ ] Style theme structure documented
- [ ] Store pattern (Actions/Getters/Mutations/State) explained
- [ ] I18n key patterns
- [ ] No placeholder text
## Technical Notes
- Style classes use CSS custom properties (likely)
- Store follows Vuex-like mutation/action pattern
- I18n provides language switching
- WebSocket for real-time features