Refactor form handling to use define.handlers

Author: jasonmccallister

www/components/homepage/FormsSection.tsx

@@ -8,23 +8,21 @@ import { ExampleArrow } from "../homepage/ExampleArrow.tsx";
 import { FancyLink } from "../FancyLink.tsx";
 import { FormSubmitDemo } from "../../islands/FormSubmitDemo.tsx";
 
-const routingCode = `import { Handlers } from "$fresh/server.ts";
+const routingCode = `import { define } from "../utils.ts";
 
-export const handler: Handlers = {
-  async POST(req) {
-    const form = await req.formData();
+export const handler = define.handlers({
+  async POST(ctx) {
+    const form = await ctx.req.formData();
 
     // Do something with the form data here,
     // then redirect user to thank you page
 
-    const headers = new Headers();
-    headers.set("location", "/thanks");
     return new Response(null, {
       status: 303,
-      headers,
+      headers: { location: "/thanks" },
     });
   },
-};`;
+});`;
 
 export function FormsSection() {
   return (