Will It Vibe logoWill It Vibe?
VUE-006Low severity-4 points

Vue 2 reactivity caveat: array index assignment

Part of Code Quality & Syntax, which counts for 20% of the overall score. When this check fires it deducts 4 points from that category, once per scan, no matter how many places it turns up.

What it detects

Assigning to an array element by index (this.arr[i] = value) does not trigger reactivity in Vue 2, so the DOM will not update. Heuristic: Vue 3 makes this reactive.

Why it matters

In Vue 2 the reactivity system cannot detect setting an array element by index (this.items[i] = value), so the underlying data changes but the view does not re-render. The result is a UI that silently falls out of sync with state. This is a heuristic because Vue 3's proxy-based reactivity does track index assignment, so it only applies to Vue 2 code.

How to fix it

On Vue 2, replace index assignment with this.$set(this.items, i, value) or a reactive array method such as this.items.splice(i, 1, value). If the project is on Vue 3 this pattern is already reactive and the finding can be dismissed. Check which major version the project targets before changing anything.

The paid report includes a ready-to-paste prompt for your AI coding agent for every check it finds, pointed at the exact findings from your scan. See pricing

Does your repo trip this check?

Paste a GitHub URL or drop a project folder. Scans run in your browser and take seconds.

Scan your repo

Related Code Quality & Syntax checks