Vue Code-Shaving: Shorthands to a Cleaner Template Block
summary
A short demo refactors a single-file component template that renders an Avatar with two props (src and alt) and shows three concrete edits that still run: replace v-bind with the : shorthand, stop writing the props. prefix when binding parent props, and on Vue v3.4 remove the attribute entirely when the child prop name equals the variable name. The demo project compiles and the Avatar still displays after each step.
AI-written summary · about
