2bfbc7bb77
- 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>
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` |