Attribute fallthrough and $attrs in Vue
Vue interview exercise on Props & events, difficulty 2 of 3. Solve it in the editor beside a worked example, or cold in Interview mode with the example hidden; the tests run the moment you do.
Write TextField, usable with v-model (`modelValue` string, `update:modelValue`), with a prop `label`: a <label class="field"> wrapping a <span> with the label text and an <input>. Everything else the parent passes (placeholder, class, data-*, id…) must land on the <input>, not on the label: set inheritAttrs: false and bind $attrs on the input.
Each exercise pairs a worked example with a twin problem to solve in a real editor; the tests run the moment you do. Interview mode hides the example: solve it from memory, without the hint or the solution, and it counts as solved cold. Progress is saved in your browser, and in your account if you sign in.