This is about props spread operator also known as ...rest, and how can I use this in Vue correctly?

[imnash21]

My code:

The problem:

I've got another option without errors or warnings, but still have a problem, the label and placeholder was inherited to the parent div.

When I set the defineOptions - inheritAttrs to false, then the useId() will not work properly.

defineOptions({
  inheritAttrs: false,
})

[sadeghbarati]

In Vue 3.4 <=
You need to use the propsDestructure option in @vitejs/plugin-vue to destructure the props

---

In Vue 3.5 >=, the propsDestructure option is enabled by default

---

Related Discussion

vuejs/rfcs#502

[imnash21]

Thanks!