Listbox as="div" is still a fragment

[bodograumann]

What package within Headless UI are you using?

@headlessui/vue

What version of that package are you using?

v1.6.0

What browser are you using?

Firefox

Reproduction URL

Listbox example in vue playground

Describe your issue

When using as="div" and attributes meant for the div on the <Listbox>, these can not be rendered correctly. E.g.:

Extraneous non-props attributes (style) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

[DrJume]

Happens to Comboboxes with class attribute aswell since v1.6.0. The class is not applied in the DOM / empty in DevTools.

[RobinMalfait]

Hey! Thank you for your bug report!
Much appreciated! 🙏

This should be fixed by #1372, and will be available in the next release.

You can already try it using npm install @headlessui/vue@insiders.

I've also updated your Vue playground example with the latest insiders build.