change saerroFetch to GET to allow caching

app/routes/worlds.$id.tsx

@@ -1,4 +1,4 @@
-import type { LoaderArgs } from "@remix-run/cloudflare";
+import type { LoaderArgs, V2_MetaFunction } from "@remix-run/cloudflare";
 import { json } from "@remix-run/cloudflare";
 import { useLoaderData } from "@remix-run/react";
 import {
@@ -14,7 +14,11 @@ export const loader = async ({ params }: LoaderArgs) => {
   return json(await worldQuery(params.id as string));
 };
 
-export default function Index() {
+export const meta: V2_MetaFunction<typeof loader> = ({ data }) => {
+  return [{ title: `${data.world.name} | PS2.LIVE` }];
+};
+
+export default function World() {
   const { world } = useLoaderData<WorldResponse>();
 
   return (

app/utils/saerro.ts

@@ -1,11 +1,12 @@
 export const saerroFetch = async <T>(query: string): Promise<T> => {
-  const response = await fetch("https://saerro.ps2.live/graphql", {
+  const response = await fetch(
-    method: "POST",
+    `https://saerro.ps2.live/graphql?query=${query}`,
-    headers: {
+    {
-      "Content-Type": "application/json",
+      cf: {
+        cacheTtl: 60,
       },
-    body: JSON.stringify({ query }),
+    }
-  });
+  );
   const json: { data: T } = await response.json();
   return json.data;
 };
@@ -52,7 +53,7 @@ export type IndexResponse = {
 };
 
 export const indexQuery = async (): Promise<IndexResponse> => {
-  const query = `query {
+  const query = `{
     health {
       ingestReachable
       ingest
@@ -128,7 +129,7 @@ export const allClasses = [
 ];
 
 export const worldQuery = async (worldID: string): Promise<WorldResponse> => {
-  const query = `query {
+  const query = `{
     world(by: {id: ${Number(worldID)}}) {
       id
       name
@@ -162,8 +163,6 @@ export const worldQuery = async (worldID: string): Promise<WorldResponse> => {
     }
   }`;
 
-  console.log(query);
-
   const worldData: WorldResponse = await saerroFetch(query);
 
   return worldData;