Vue Dynamic Counter Buttons (Grow-on-Click)

Challenge summary

In Vue 3, users should be able to add or remove step buttons dynamically, and each button should update the counter by its own step value. Vue focus: store step buttons in reactive arrays and update with v-for.

What you'll practice

• Render the dynamic counter buttons UI as the main component.
• Initially render exactly 1 counter button with value 0.
• All buttons keep their own values independently.
• Click second button twice → second becomes 2, and two more new buttons (0, 0) are appended over those clicks.
• Framework focus: Vue SFC patterns, ref/reactive state, computed/watch, and v-model bindings.

What Premium unlocks

Premium unlocks the runnable workspace, behavioral checks, implementation walkthrough, and edge-case discussion.