Format files

HereIsKevin · Jul 30, 2020 · 53f6c72 · 53f6c72
1 parent 730af02
commit 53f6c72
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 29 deletions.
diff --git a/examples/dom/dom.ts b/examples/dom/dom.ts
@@ -3,9 +3,11 @@ import { dom } from "../../dist/esm/index.js";
 const { html, render } = dom;
 
 function template(value: number) {
-  return html(`<div id="display">Value is currently: ${String(value)}</div>
+  return html(`
+    <div id="display">Value is currently: ${String(value)}</div>
     <button id="increment">Click to increment</button>
-    ${[...Array(value).keys()].map((x) => `<div>${x}</div>`).join("")}`);
+    ${[...Array(value).keys()].map((x) => `<div>${x}</div>`).join("")}
+  `);
 }
 
 function update(node: Element, value: number) {

diff --git a/examples/naive_vanilla/naive_vanilla.ts b/examples/naive_vanilla/naive_vanilla.ts
@@ -23,9 +23,11 @@ function render(node: Node, template: DocumentFragment): void {
 }
 
 function template(value: number) {
-  return html`<div id="display">Value is currently: ${String(value)}</div>
+  return html`
+    <div id="display">Value is currently: ${String(value)}</div>
     <button id="increment">Click to increment</button>
-    ${[...Array(value).keys()].map((x) => `<div>${x}</div>`).join("")}`;
+    ${[...Array(value).keys()].map((x) => `<div>${x}</div>`).join("")}
+  `;
 }
 
 function update(node: Element, value: number) {

diff --git a/examples/optimized_vanilla/optimized_vanilla.ts b/examples/optimized_vanilla/optimized_vanilla.ts
@@ -19,16 +19,18 @@ function initialize() {
 
   const app = document.getElementById("app");
 
-  if (app === null)  {
+  if (app === null) {
     throw new Error("app missing");
   }
 
   app.appendChild(
-    html`<div id="display">
+    html`
+      <div id="display">
         Value is currently:
         <!--separator-->0
       </div>
-      <button id="increment">Click to increment</button>`
+      <button id="increment">Click to increment</button>
+    `
   );
 
   const display = document.getElementById("display")?.childNodes[2];
@@ -42,9 +44,9 @@ function initialize() {
     console.time("render");
     value++;
     display.nodeValue = String(value);
-    app.appendChild(html`<div>${String(value - 1)}</div>`)
+    app.appendChild(html`<div>${String(value - 1)}</div>`);
     console.timeEnd("render");
-  })
+  });
 
   console.timeEnd("render");
 }

diff --git a/examples/stopwatch/stopwatch.ts b/examples/stopwatch/stopwatch.ts
@@ -59,6 +59,6 @@ class StopwatchView extends TimedComponent {
   @property seconds: number = 0;
 
   render() {
-    return html` <div>${this.seconds.toFixed(2)}</div> `;
+    return html`<div>${this.seconds.toFixed(2)}</div>`;
   }
 }
diff --git a/examples/todo/todo.ts b/examples/todo/todo.ts
@@ -65,10 +65,10 @@ class ToDo {
   render() {
     render(
       this.root,
-      html(
-        `<div id="todo-controls">
-          <input type="text" id="todo-controls-content">
-          <input type="button" value="Add" id="todo-controls-add">
+      html(`
+        <div id="todo-controls">
+          <input type="text" id="todo-controls-content" />
+          <input type="button" value="Add" id="todo-controls-add" />
         </div>
         <div id="todo-items">
           ${Array.from(this.items.entries(), (x) => {
@@ -77,23 +77,23 @@ class ToDo {
             const checked = x[1][1];
 
             return `
-              <div class="todo-item" data-index="${index}">
-                <label
-                  ${checked ? 'style="text-decoration: line-through;"' : ""}
-                  class="todo-item-label"
+            <div class="todo-item" data-index="${index}">
+              <label
+                ${checked ? 'style="text-decoration: line-through;"' : ""}
+                class="todo-item-label"
+              >
+                <input type="checkbox"
+                  class="todo-item-checkbox"
+                  ${checked ? "checked" : ""}
                 >
-                  <input type="checkbox"
-                    class="todo-item-checkbox"
-                    ${checked ? "checked" : ""}
-                  >
-                  ${content}
-                </label>
-                <input type="button" value="Remove" class="todo-item-remove">
-              </div>
-            `;
+                ${content}
+              </label>
+              <input type="button" value="Remove" class="todo-item-remove">
+            </div>
+          `;
           }).join("")}
-        </div>`
-      )
+        </div>
+      `)
     );
   }
 }