vue3-quasar

When to Use

• Building Vue.js 3 applications with Quasar Framework
• Creating reusable, scalable, and decoupled components
• Implementing Composition API patterns
• Setting up Pinia for state management with persistence
• Developing SPA, PWA, or mobile applications with Quasar

Critical Patterns

Component Architecture

• Composition API FIRST — No Options API unless legacy
• SFC (Single File Component) — Template, script, and style in one .vue file
• Composable for logic — Extract complex logic to useXxx() composables in separate .ts files
• Single Responsibility — One concern per component. If a component grows, split into smaller child components, not separate file types
• Props Interface — Always define TypeScript interfaces for props
• Emits Definition — Explicit emit declarations
• Slot Strategy — Named slots for maximum flexibility