# 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