cal/claude-home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
df3d22b218
claude-home/patterns/vuejs/README.md
Cal Corum 2bfbc7bb77 CLAUDE: Initialize efficient documentation system for home lab 
- Created structured documentation with /patterns/, /examples/, and /reference/ directories
- Implemented automatic context loading rules in CLAUDE.md based on file extensions, directories, and keywords
- Added technology-specific patterns for Docker, Python, Node.js, Vue.js, Bash, networking, databases, and VM management
- Included complete working examples for common workflows and troubleshooting references
- Designed for minimal context usage with precise loading triggers

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-08 19:59:29 -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