Layout
Spacer
Flexible layout item that distributes remaining space between siblings.Spacer
Start with the public contract
Change only the properties that express real interface state.
Use controlled state
Bind v-model to one source of truth and handle the result next to the component.
Preserve composition
The parent layout owns size and placement; the component owns its states and semantics.