Structure Vue Types

SKILL: structure-vue-types

Purpose

Optimize Vue component TypeScript types:

1. Props Types - Generic inference không slow down compiler (issue #14323)
2. Emits Types - defineEmits type safety
3. Slots Types - Scoped slot type inference
4. Generic Complexity - Tránh deeply nested generics

Use When

• Component .ts file có TypeScript slow/lag
• defineModel + defineEmits cùng file gây TS compiler slow
• Props interface too complex, vỡ IDE autocomplete
• Props/Emits reuse ở nhiều components

Execution Approach

Kiểm tra theo thứ tự:

1. Props Type: Có dùng generic union quá phức tạp không? Có thể simplify bằng as const không?