pagex: support pagination in content

voidcannon: pagination in editorial content
content: updates

src/content/articles/playground-gm3/playground-gm3.pagex.js

@@ -22,7 +22,7 @@ export default {
         label: "Article Title (gm3)",
         base: {
             _transform: PagexResourceTransformer.MEDIA,
-            path: "../playground/assets/header/background.png"
+            path: "../playground/assets/header/background-street.png"
         },
         immersive_content: {
             left: {

src/content/editorial/home/home.pagex.js

@@ -10,6 +10,7 @@ import ContentByIdentifierTransformer from "voidcannon/src/transformers/ContentB
 import playground from "../../articles/playground/playground.pagex.js";
 import playgroundP3 from "../../articles/playground-p3/playground-p3.pagex.js";
 import playgroundTotk from "../../articles/playground-totk/playground-totk.pagex.js";
+import recentArticlesPagex from "../recent-articles/recent-articles.pagex.js";
 
 export default {
     type: VoidcannonContentType.EDITORIAL,
@@ -64,7 +65,14 @@ export default {
                 amount: 15
             },
             label: "Recent Articles",
-            icon: "history"
+            icon: "history",
+            cta: {
+                label: "View All",
+                target: {
+                    type: VoidcannonContentType.EDITORIAL,
+                    id: recentArticlesPagex.id
+                },
+            }
         },
         {
             type: VoidcannonSectionType.CAROUSEL,

src/content/editorial/recent-articles/recent-articles.pagex.js

@@ -0,0 +1,38 @@
+import {
+    VoidcannonContentType,
+    VoidcannonSectionType
+} from "voidcannon";
+
+import {PagexResourceTransformer} from "pagex";
+import CollectionContentTransformer from "voidcannon/src/transformers/CollectionContent.transformer.js";
+import RecentContentTransformer from "voidcannon/src/transformers/RecentContent.transformer.js";
+import ContentByIdentifierTransformer from "voidcannon/src/transformers/ContentByIdentifier.transformer.js";
+import playground from "../../articles/playground/playground.pagex.js";
+import playgroundP3 from "../../articles/playground-p3/playground-p3.pagex.js";
+import playgroundTotk from "../../articles/playground-totk/playground-totk.pagex.js";
+
+export default {
+    type: VoidcannonContentType.EDITORIAL,
+    id: "voidcannon-recent",
+    slug: "recent-articles",
+    paging: {
+        entries: {
+            _transform: RecentContentTransformer,
+        },
+        per_page: 3
+    },
+    name: "Recent Articles",
+    description: "Recent Articles",
+    color: null,
+    sections: [
+        {
+            type: VoidcannonSectionType.CONTENT_GRID,
+            content: "$paginationItems",
+            label: "Recent Articles",
+            icon: "history"
+        },
+        {
+            type: VoidcannonSectionType.PAGINATOR
+        }
+    ]
+}