Turn function for converting data into web page into seperate function

astro/src/content/pages/pages.ts

@@ -3,15 +3,7 @@ import { print } from 'graphql';
 import { formatDate } from "@/lib/dates";
 import getAllPages from "@/graphql/pages/getAllPages.graphql";
 
-export async function getAllWebpages(): Promise<WebPage[]> {
+export function dataToPage(pageRecord: any): WebPage {
-    const client = await createDirectusConnection();
-    const result = await client.query(print(getAllPages), {
-        date: formatDate(new Date(), "%Y-%M-%D")
-    });
-
-    let pages: WebPage[] = [];
-
-    result["Pages"].forEach((pageRecord: any) => {
     let dates: string[] = [
         pageRecord["date_created"],
         pageRecord["date_updated"],
@@ -311,7 +303,19 @@ export async function getAllWebpages(): Promise<WebPage[]> {
         components: components
     }
 
-        pages.push(page);
+    return page;
+}
+
+export async function getAllWebpages(): Promise<WebPage[]> {
+    const client = await createDirectusConnection();
+    const result = await client.query(print(getAllPages), {
+        date: formatDate(new Date(), "%Y-%M-%D")
+    });
+
+    let pages: WebPage[] = [];
+
+    result["Pages"].forEach((pageRecord: any) => {
+        pages.push(dataToPage(pageRecord));
     });
 
     return pages;