TASK: Use Neos.Fusion:Loop instead of deprecated `Neos.Fusion:Colle…

…ction` `Neos.Fusion:Collection` will be removed with Neos 9
sitegeist · Oct 14, 2023 · 9822628 · 9822628
1 parent c3703e3
commit 9822628
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/Resources/Private/Fusion/Prototypes/DummyImageSource.fusion b/Resources/Private/Fusion/Prototypes/DummyImageSource.fusion
@@ -29,21 +29,21 @@ prototype(Sitegeist.Kaleidoscope:DummyImageSource) {
 //        <table>
 //            <thead>
 //                <th></th>
-//                <Neos.Fusion:Collection collection={props.dimensions} itemName="width" @children="itemRenderer">
+//                <Neos.Fusion:Loop items={props.dimensions} itemName="width" @children="itemRenderer">
 //                    <th>W {width}</th>
-//                </Neos.Fusion:Collection>
+//                </Neos.Fusion:Loop>
 //            </thead>
 //            <tbody>
-//                <Neos.Fusion:Collection collection={props.dimensions} itemName="height" @children="itemRenderer">
+//                <Neos.Fusion:Loop items={props.dimensions} itemName="height" @children="itemRenderer">
 //                    <tr>
 //                        <th>H {height}</th>
-//                        <Neos.Fusion:Collection collection={props.dimensions} itemName="width" @children="itemRenderer">
+//                        <Neos.Fusion:Loop items={props.dimensions} itemName="width" @children="itemRenderer">
 //                            <td>
 //                                <img src={props.imageSource.setWidth(width).setHeight(height)} width={width} height={height} />
 //                            </td>
-//                        </Neos.Fusion:Collection>
+//                        </Neos.Fusion:Loop>
 //                    </tr>
-//                </Neos.Fusion:Collection>
+//                </Neos.Fusion:Loop>
 //            </tbody>
 //        </table>
 //    `

diff --git a/Resources/Private/Fusion/Prototypes/Picture.fusion b/Resources/Private/Fusion/Prototypes/Picture.fusion
@@ -103,7 +103,7 @@ prototype(Sitegeist.Kaleidoscope:Picture) < prototype(Neos.Fusion:Component) {
         renderer = afx`
             <picture class={props.class} {...props.attributes}>
                 {props.content}
-                <Neos.Fusion:Collection collection={props.sources} itemName="source" @if.has={props.sources}>
+                <Neos.Fusion:Loop items={props.sources} itemName="source" @if.has={props.sources}>
                     <Sitegeist.Kaleidoscope:Source
                         imageSource={source.imageSource ? source.imageSource : props.imageSource}
                         type={source.type}
@@ -115,17 +115,17 @@ prototype(Sitegeist.Kaleidoscope:Picture) < prototype(Neos.Fusion:Component) {
                         sizes={source.sizes ? source.sizes : props.sizes}
                         renderDimensionAttributes={props.renderDimensionAttributes}
                     />
-                </Neos.Fusion:Collection>
-                <Neos.Fusion:Collection
+                </Neos.Fusion:Loop>
+                <Neos.Fusion:Loop
                     @if.has={props.imageSource && props.formats}
-                    collection={Type.isArray(props.formats) ? props.formats : String.split(props.formats, ',')}
+                    items={Type.isArray(props.formats) ? props.formats : String.split(props.formats, ',')}
                     itemName="format"
                 >
                     <Sitegeist.Kaleidoscope:Source
                         imageSource={props.imageSource}
                         format={String.trim(format)}
                     />
-                </Neos.Fusion:Collection>
+                </Neos.Fusion:Loop>
                 <Sitegeist.Kaleidoscope:Image
                     imageSource={props.imageSource}
                     sizes={props.sizes}