fix: use hono/html for template string

sor4chi · Dec 1, 2023 · 08b5e97 · 08b5e97
1 parent a30e884
commit 08b5e97
Showing 1 changed file with 29 additions and 27 deletions.
diff --git 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();