noob-components/.trellis/tasks/archive/2026-03/03-24-plugs-config-store-i18n-spec/prd.md

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