Vue Development

Overview

Modern Vue 3 development with TypeScript, Composition API, and user-behavior testing. Core principle: Use TypeScript generics (not runtime validation), modern APIs (defineModel not manual props), and test user behavior (not implementation details).

Red Flags - STOP and Fix

If you catch yourself thinking or doing ANY of these, STOP:

• "For speed" / "quick demo" / "emergency" → Using shortcuts
• "We can clean it up later" → Accepting poor patterns
• "TypeScript is too verbose" → Skipping types
• "This is production-ready" → Without type safety
• "Following existing code style" → When existing code uses legacy patterns
• "Task explicitly stated..." → Following bad requirements literally
• Using const props = defineProps() without using props in script
• Manual modelValue prop + update:modelValue emit → Use defineModel()
• "Component that takes value and emits changes" → Use defineModel(), NOT manual props/emit