Rendering function usage problem

[kimmy-wang]

When using the rendering function, if a key value in props is the same as a key in attrs, it will cause pollution. How to deal with it?

docs

https://v3-migration.vuejs.org/breaking-changes/render-function-api.html#vnode-props-format
https://vuejs.org/guide/extras/render-function.html#render-functions-jsx

[leopiccionia]

It's usually a bad practice to have a prop with the same of a HTML attribute if you don't intend to pass it to the respective attribute, because it obscures the component's goals.

One workaround is using the new ^attr or .atttr syntaxes, that don't clash with props.

See demo

[kimmy-wang]

Is like this?

demo