Add IntoPropValue impl for converting to VList (#3444)

Author: ranile

packages/yew/src/html/component/children.rs

@@ -152,7 +152,7 @@ pub type ChildrenWithProps<CHILD> = ChildrenRenderer<VChild<CHILD>>;
 /// A type used for rendering children html.
 #[derive(Clone)]
 pub struct ChildrenRenderer<T> {
-    children: Vec<T>,
+    pub(crate) children: Vec<T>,
 }
 
 impl<T: PartialEq> PartialEq for ChildrenRenderer<T> {

packages/yew/src/html/conversion/into_prop_value.rs

@@ -7,7 +7,7 @@ pub use implicit_clone::ImplicitClone;
 use super::ToHtml;
 use crate::callback::Callback;
 use crate::html::{BaseComponent, ChildrenRenderer, Component, NodeRef, Scope};
-use crate::virtual_dom::{AttrValue, VChild, VNode, VText};
+use crate::virtual_dom::{AttrValue, VChild, VList, VNode, VText};
 
 impl ImplicitClone for NodeRef {}
 impl<Comp: Component> ImplicitClone for Scope<Comp> {}
@@ -154,6 +154,20 @@ impl IntoPropValue<ChildrenRenderer<VNode>> for VText {
     }
 }
 
+impl IntoPropValue<VList> for ChildrenRenderer<VNode> {
+    #[inline]
+    fn into_prop_value(self) -> VList {
+        VList::with_children(self.children, None)
+    }
+}
+
+impl<C: BaseComponent> IntoPropValue<VList> for VChild<C> {
+    #[inline]
+    fn into_prop_value(self) -> VList {
+        VList::with_children(vec![self.into()], None)
+    }
+}
+
 macro_rules! impl_into_prop {
     (|$value:ident: $from_ty:ty| -> $to_ty:ty { $conversion:expr }) => {
         // implement V -> T
@@ -341,4 +355,57 @@ mod test {
             </App>
         };
     }
+
+    #[test]
+    fn test_vlist_to_children_compiles() {
+        use crate::prelude::*;
+        use crate::virtual_dom::VList;
+
+        #[function_component]
+        fn Foo() -> Html {
+            todo!()
+        }
+
+        #[derive(PartialEq, Properties)]
+        pub struct ChildProps {
+            #[prop_or_default]
+            pub children: Html,
+        }
+
+        #[function_component]
+        fn Child(_props: &ChildProps) -> Html {
+            html!()
+        }
+
+        #[derive(PartialEq, Properties)]
+        pub struct ParentProps {
+            pub children: VList,
+        }
+
+        #[function_component]
+        fn Parent(_props: &ParentProps) -> Html {
+            todo!()
+        }
+
+        let _ = html! {
+            <Parent>
+                <Child></Child>
+            </Parent>
+        };
+
+        let _ = html! {
+            <Parent>
+                <Child />
+                <Child />
+            </Parent>
+        };
+
+        let _ = html! {
+            <Parent>
+                <Child>
+                    <Foo />
+                </Child>
+            </Parent>
+        };
+    }
 }