From f5e3eb8f5a1f86bf733efbdec99ad44167e9ce65 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Mon, 15 Apr 2024 14:15:26 +0200
Subject: [PATCH] fix: tidy up fetch init with request example

---
 fetch/fetch-request-with-init/index.html | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/fetch/fetch-request-with-init/index.html b/fetch/fetch-request-with-init/index.html
index 3074db60..85e1ac69 100644
--- a/fetch/fetch-request-with-init/index.html
+++ b/fetch/fetch-request-with-init/index.html
@@ -17,18 +17,19 @@ <h1>Fetch Request with init example</h1>
     <script>
       const myImage = document.querySelector("img");
 
-      const myHeaders = new Headers();
+      const reqHeaders = new Headers();
 
-      const myOptions = {
-        method: "GET",
-        headers: myHeaders,
-        mode: "cors",
-        cache: "default",
+      // a cached response is okay unless it's more than a week old
+      reqHeaders.set("Cache-Control", "max-age=604800");
+
+      const options = {
+        headers: reqHeaders,
       };
 
-      const myRequest = new Request("flowers.jpg", myOptions);
+      // pass init as an "options" object with our headers
+      const req = new Request("flowers.jpg", options);
 
-      fetch(myRequest)
+      fetch(req)
         .then((response) => {
           if (!response.ok) {
             throw new Error(`HTTP error, status = ${response.status}`);