Refactor how templates are defined.

.gitignore

@@ -1,9 +1,4 @@
-[B|b]in/
-[O|o]bj/
-.cache/
-.vs/
+bin/
 node_modules/
-dist/
 
-*.suo
 commit.msg

.vscode/settings.json

@@ -1,5 +1,9 @@
 {
   "deno.enable": true,
 
-  "editor.tabSize": 2
+  "editor.tabSize": 2,
+
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "denoland.vscode-deno"
+  }
 }

src/templates/index.tsx

@@ -1,21 +1,19 @@
 import { html, Post } from "~/compiler/index.ts";
 import { PostHeaderTemplate } from "./postHeader.tsx";
 
-export function IndexTemplate(posts: Post[]): string {
-  return posts
-    .map((post) => (
-      <div class="post">
-        {PostHeaderTemplate(post)}
-        <div class="content">
-          {post.excerpt}
+export const IndexTemplate = (posts: Post[]) => posts
+  .map((post) => (
+    <div class="post">
+      {PostHeaderTemplate(post)}
+      <div class="content">
+        {post.excerpt}
 
-          {post.hasExcerpt && (
-            <a class="readMore" href={post.url}>
-              Read More
-            </a>
-          )}
-        </div>
+        {post.hasExcerpt && (
+          <a class="readMore" href={post.url}>
+            Read More
+          </a>
+        )}
       </div>
-    ))
-    .join("");
-}
+    </div>
+  ))
+  .join("");