claude-home/development/vuejs-CONTEXT.md
Cal Corum 4b7eca8a46
All checks were successful
Reindex Knowledge Base / reindex (push) Successful in 3s
docs: add YAML frontmatter to all 151 markdown files
Adds title, description, type, domain, and tags frontmatter to every
doc for improved KB semantic search. The description field is prepended
to every search chunk, and domain/type/tags enable filtered queries.

Type values: context, guide, runbook, reference, troubleshooting
Domain values match directory structure (networking, docker, etc.)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-12 09:00:44 -05:00

1.3 KiB

title description type domain tags
Vue.js Development Patterns Vue.js component architecture, state management with Pinia, Composition API patterns, and performance optimization. Covers TypeScript integration, Vite builds, and testing with Vitest. context development
vuejs
javascript
pinia
composition-api
vite
typescript

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
  • 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