cal/claude-home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
cd614e753a
claude-home/development/vuejs-CONTEXT.md
Cal Corum 10c9e0d854 CLAUDE: Migrate to technology-first documentation architecture 
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>
2025-08-12 23:20:15 -05:00

956 B
Raw Blame History

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