feat: trying to add hashes to scripts

routes/articles/index.tsx

@@ -1,28 +1,28 @@
-import { Handlers, PageProps } from "$fresh/server.ts";
+import { PageProps } from "fresh";
 import { MainLayout } from "@components/layouts/main.tsx";
 import { type ArticleResource, GenericResource } from "@lib/marka/schema.ts";
 import { KMenu } from "@islands/KMenu.tsx";
 import { Grid } from "@components/Grid.tsx";
-import { IconArrowLeft } from "@components/icons.tsx";
 import { RedirectSearchHandler } from "@islands/Search.tsx";
 import { parseResourceUrl, searchResource } from "@lib/search.ts";
 import { ResourceCard } from "@components/Card.tsx";
 import { Link } from "@islands/Link.tsx";
 import { listResources } from "@lib/marka/index.ts";
+import { define } from "../../utils.ts";
+import { TbArrowLeft } from "@preact-icons/tb";
 
-export const handler: Handlers<
-  { articles: ArticleResource[] | null; searchResults?: GenericResource[] }
-> = {
-  async GET(req, ctx) {
+export const handler = define.handlers({
+  async GET(ctx) {
+    const req = ctx.req;
     const articles = await listResources<ArticleResource>("articles");
     const searchParams = parseResourceUrl(req.url);
     const searchResults = searchParams &&
       await searchResource({ ...searchParams, types: ["articles"] });
-    return ctx.render({ articles, searchResults });
+    return { data: { articles, searchResults } };
   },
-};
+});
 
-export default function Greet(
+export default define.page(function Greet(
   props: PageProps<
     { articles: ArticleResource[] | null; searchResults: GenericResource[] }
   >,
@@ -40,7 +40,7 @@ export default function Greet(
           class="px-4 ml-4 py-2 bg-gray-300 text-gray-800 rounded-lg flex items-center gap-1"
           href="/"
         >
-          <IconArrowLeft class="w-5 h-5" />
+          <TbArrowLeft class="w-5 h-5" />
           Back
         </Link>
 
@@ -59,4 +59,4 @@ export default function Greet(
       </Grid>
     </MainLayout>
   );
-}
+});