Pass default slot instead of raw children to components (#1915)

* Pass default slot instead of raw children to components

This is essentially how the internal implementation of `<component>` works. This works even for element VNodes.

* Update changelog

Author: thecrypticace

packages/@headlessui-vue/CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Expose `close` function for `Menu` and `MenuItem` components ([#1897](https://github.com/tailwindlabs/headlessui/pull/1897))
 - Fix `useOutsideClick`, add improvements for ShadowDOM ([#1914](https://github.com/tailwindlabs/headlessui/pull/1914))
+- Prevent default slot warning when using a component for `as` prop ([#1915](https://github.com/tailwindlabs/headlessui/pull/1915))
 
 ## [1.7.3] - 2022-09-30
 

packages/@headlessui-vue/src/utils/render.ts

@@ -147,7 +147,9 @@ function _render({
     return children
   }
 
-  return h(as, Object.assign({}, incomingProps, dataAttributes), children)
+  return h(as, Object.assign({}, incomingProps, dataAttributes), {
+    default: () => children,
+  })
 }
 
 /**