10c9e0d854
Complete restructure from patterns/examples/reference to technology-focused directories: • Created technology-specific directories with comprehensive documentation: - /tdarr/ - Transcoding automation with gaming-aware scheduling - /docker/ - Container management with GPU acceleration patterns - /vm-management/ - Virtual machine automation and cloud-init - /networking/ - SSH infrastructure, reverse proxy, and security - /monitoring/ - System health checks and Discord notifications - /databases/ - Database patterns and troubleshooting - /development/ - Programming language patterns (bash, nodejs, python, vuejs) • Enhanced CLAUDE.md with intelligent context loading: - Technology-first loading rules for automatic context provision - Troubleshooting keyword triggers for emergency scenarios - Documentation maintenance protocols with automated reminders - Context window management for optimal documentation updates • Preserved valuable content from .claude/tmp/: - SSH security improvements and server inventory - Tdarr CIFS troubleshooting and Docker iptables solutions - Operational scripts with proper technology classification • Benefits achieved: - Self-contained technology directories with complete context - Automatic loading of relevant documentation based on keywords - Emergency-ready troubleshooting with comprehensive guides - Scalable structure for future technology additions - Eliminated context bloat through targeted loading 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
32 lines
956 B
Markdown
32 lines
956 B
Markdown
# Vue.js Patterns
|
|
|
|
## Component Architecture
|
|
- Single File Components (SFC) structure
|
|
- Composition API for complex logic
|
|
- Props down, events up communication
|
|
- Provide/inject for deep hierarchies
|
|
|
|
## State Management
|
|
- **Pinia** for application state
|
|
- **Local state** for component-specific data
|
|
- **Computed properties** for derived state
|
|
- **Watchers** for side effects
|
|
|
|
## Performance Optimization
|
|
- Lazy loading with dynamic imports
|
|
- Virtual scrolling for large lists
|
|
- Proper key usage in v-for
|
|
- Component-level code splitting
|
|
|
|
## Development Patterns
|
|
- TypeScript integration
|
|
- Testing with Vitest/Jest
|
|
- Build optimization with Vite
|
|
- Progressive Web App features
|
|
|
|
## Related Documentation
|
|
- Examples: `/examples/vuejs/component-patterns.md`
|
|
- Examples: `/examples/vuejs/state-management.md`
|
|
- Examples: `/examples/vuejs/performance-optimization.md`
|
|
- Reference: `/reference/vuejs/debugging.md`
|
|
- Reference: `/reference/vuejs/best-practices.md` |