Review code Vue 3/Nuxt 3 component chuyên sâu về hiệu năng và chống memory leak, cực kỳ tiết kiệm Context Area.
Ngăn chặn tình trạng AI (và thậm chí là Reviewer) rà soát toàn bộ code lan man. Skill này cấu trúc hóa việc duyệt một .vue component, chỉ tập trung vào 4 điểm gây giảm hiệu năng lớn nhất, bỏ qua HTML styling/CSS cơ bản để tiết kiệm Token.
.vue đang được yêu cầu review. Tuyệt đối KHÔNG đọc các file cha/con của nó nếu chưa được tính năng yêu cầu (ngăn AI đọc nguyên cụm Component).useNotification), dùng grep_search quét đúng tên hàm và đọc đúng file đó. Rút gọn Context tối đa.Khi nhận 1 đoạn code Vue, Agent phải check theo thứ tự:
ref hay reactive? Có dư thừa biến state không gán/render không?v-for có gắn :key chuẩn (dùng ID thay vì index) chưa?onMounted có được gỡ bỏ trong onUnmounted không?<Suspense> hoặc useAsyncData có bị gọi lại nhiều lần không? Nút bấm có trạng thái loading/disabled khi await API chưa? (Ví dụ: Lỗi plugin button bị bấm nhiều lần).