From 08b5e973a047947db54eb69b565e14f69cd1c872 Mon Sep 17 00:00:00 2001
From: sor4chi <sorakawa0218@gmail.com>
Date: Sat, 2 Dec 2023 01:50:21 +0900
Subject: [PATCH] fix: use hono/html for template string

---
 examples/proxy-counter/src/template.ts | 56 +++++++++++++-------------
 1 file changed, 29 insertions(+), 27 deletions(-)
diff --git a/examples/proxy-counter/src/template.ts b/examples/proxy-counter/src/template.ts
index 4c5ff54..35636fd 100644
--- a/examples/proxy-counter/src/template.ts
+++ b/examples/proxy-counter/src/template.ts
@@ -1,28 +1,30 @@
-export const Template = /*html*/ `
-<html>
-  <body>
-    <h1>Counter</h1>
-    <p>Current value: <span id="value"></span></p>
-    <button id="increment">Increment</button>
-    <button id="decrement">Decrement</button>
-    <script>
-      const value = document.getElementById("value");
-      const increment = document.getElementById("increment");
-      const decrement = document.getElementById("decrement");
-      const updateValue = async () => {
-        const res = await fetch("/counter");
-        value.innerText = await res.text();
-      }
-      increment.addEventListener("click", async () => {
-        await fetch("/counter/increment", { method: "POST" });
-        await updateValue();
-      })
-      decrement.addEventListener("click", async () => {
-        await fetch("/counter/decrement", { method: "POST" });
-        await updateValue();
-      })
-      updateValue();
-    </script>
-  </body>
-</html>
+import { html } from "hono/html";
+
+export const Template = html`
+  <html>
+    <body>
+      <h1>Counter</h1>
+      <p>Current value: <span id="value"></span></p>
+      <button id="increment">Increment</button>
+      <button id="decrement">Decrement</button>
+      <script>
+        const value = document.getElementById("value");
+        const increment = document.getElementById("increment");
+        const decrement = document.getElementById("decrement");
+        const updateValue = async () => {
+          const res = await fetch("/counter");
+          value.innerText = await res.text();
+        };
+        increment.addEventListener("click", async () => {
+          await fetch("/counter/increment", { method: "POST" });
+          await updateValue();
+        });
+        decrement.addEventListener("click", async () => {
+          await fetch("/counter/decrement", { method: "POST" });
+          await updateValue();
+        });
+        updateValue();
+      </script>
+    </body>
+  </html>
 `.trim();
