From c64b6d2650c6a69563c711f25bf14bb50f2ccb58 Mon Sep 17 00:00:00 2001
From: yossydev <codeyy021@gmail.com>
Date: Fri, 23 Feb 2024 16:44:39 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20tab=E3=81=A7=E3=81=AF=E3=81=AA=E3=81=8F?=
 =?UTF-8?q?space=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/global.d.ts          | 14 +++++------
 app/islands/counter.tsx  | 18 +++++++-------
 app/routes/_renderer.tsx | 24 +++++++++----------
 app/routes/index.tsx     | 16 ++++++-------
 biome.json               | 27 +++++++++++++--------
 package.json             | 52 ++++++++++++++++++++--------------------
 postcss.config.js        |  8 +++----
 tailwind.config.js       | 10 ++++----
 vite.config.ts           | 16 ++++++-------
 9 files changed, 96 insertions(+), 89 deletions(-)
diff --git a/app/global.d.ts b/app/global.d.ts
index b4a84dc..97866ad 100644
--- a/app/global.d.ts
+++ b/app/global.d.ts
@@ -1,14 +1,14 @@
 import {} from "hono";
 
 type Head = {
-	title?: string;
+  title?: string;
 };
 
 declare module "hono" {
-	interface ContextRenderer {
-		(
-			content: string | Promise<string>,
-			head?: Head,
-		): Response | Promise<Response>;
-	}
+  interface ContextRenderer {
+    (
+      content: string | Promise<string>,
+      head?: Head,
+    ): Response | Promise<Response>;
+  }
 }
diff --git a/app/islands/counter.tsx b/app/islands/counter.tsx
index ad97711..87b3f26 100644
--- a/app/islands/counter.tsx
+++ b/app/islands/counter.tsx
@@ -1,13 +1,13 @@
 import { useState } from "hono/jsx";
 
 export default function Counter() {
-	const [count, setCount] = useState(0);
-	return (
-		<div>
-			<p>{count}</p>
-			<button type="button" onClick={() => setCount(count + 1)}>
-				Increment
-			</button>
-		</div>
-	);
+  const [count, setCount] = useState(0);
+  return (
+    <div>
+      <p>{count}</p>
+      <button type="button" onClick={() => setCount(count + 1)}>
+        Increment
+      </button>
+    </div>
+  );
 }
diff --git a/app/routes/_renderer.tsx b/app/routes/_renderer.tsx
index ae4e260..fc3ce8b 100644
--- a/app/routes/_renderer.tsx
+++ b/app/routes/_renderer.tsx
@@ -3,16 +3,16 @@ import { jsxRenderer } from "hono/jsx-renderer";
 import { Script } from "honox/server";
 
 export default jsxRenderer(({ children, title }) => {
-	return (
-		<html lang="en">
-			<head>
-				<meta charset="utf-8" />
-				<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-				<title>{title}</title>
-				<Script src="/app/client.ts" async />
-				<Style />
-			</head>
-			<body>{children}</body>
-		</html>
-	);
+  return (
+    <html lang="en">
+      <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>{title}</title>
+        <Script src="/app/client.ts" async />
+        <Style />
+      </head>
+      <body>{children}</body>
+    </html>
+  );
 });
diff --git a/app/routes/index.tsx b/app/routes/index.tsx
index 780673d..1debc0b 100644
--- a/app/routes/index.tsx
+++ b/app/routes/index.tsx
@@ -2,12 +2,12 @@ import { createRoute } from "honox/factory";
 import Counter from "../islands/counter";
 
 export default createRoute((c) => {
-	const name = c.req.query("name") ?? "Hono";
-	return c.render(
-		<div>
-			<h1 className="text-3xl font-bold underline">Hello world! {name}</h1>
-			<Counter />
-		</div>,
-		{ title: name },
-	);
+  const name = c.req.query("name") ?? "Hono";
+  return c.render(
+    <div>
+      <h1 className="text-3xl font-bold underline">Hello world! {name}</h1>
+      <Counter />
+    </div>,
+    { title: name },
+  );
 });
diff --git a/biome.json b/biome.json
index f8702e4..5ddb4b7 100644
--- a/biome.json
+++ b/biome.json
@@ -1,12 +1,19 @@
 {
-	"$schema": "https://biomejs.dev/schemas/1.5.3/schema.json",
-	"organizeImports": {
-		"enabled": true
-	},
-	"linter": {
-		"enabled": true,
-		"rules": {
-			"recommended": true
-		}
-	}
+  "$schema": "https://biomejs.dev/schemas/1.5.3/schema.json",
+  "organizeImports": {
+    "enabled": true
+  },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 80
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  }
 }
diff --git a/package.json b/package.json
index 35ee9eb..77af02a 100644
--- a/package.json
+++ b/package.json
@@ -1,28 +1,28 @@
 {
-	"name": "blog",
-	"type": "module",
-	"scripts": {
-		"dev": "vite",
-		"build": "vite build --mode client && vite build",
-		"preview": "wrangler pages dev ./dist",
-		"deploy": "$npm_execpath run build && wrangler pages deploy ./dist",
-		"format": "biome format . --write",
-		"lint": "biome lint .",
-		"check": "biome check --apply ."
-	},
-	"private": true,
-	"dependencies": {
-		"hono": "^4.0.5",
-		"honox": "^0.1.4"
-	},
-	"devDependencies": {
-		"@biomejs/biome": "1.5.3",
-		"@cloudflare/workers-types": "^4.20240208.0",
-		"@hono/vite-cloudflare-pages": "^0.2.4",
-		"autoprefixer": "^10.4.17",
-		"postcss": "^8.4.35",
-		"tailwindcss": "^3.4.1",
-		"vite": "^5.0.12",
-		"wrangler": "^3.27.0"
-	}
+  "name": "blog",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --mode client && vite build",
+    "preview": "wrangler pages dev ./dist",
+    "deploy": "$npm_execpath run build && wrangler pages deploy ./dist",
+    "format": "biome format --write .",
+    "lint": "biome lint .",
+    "check": "biome check --apply ."
+  },
+  "private": true,
+  "dependencies": {
+    "hono": "^4.0.5",
+    "honox": "^0.1.4"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "1.5.3",
+    "@cloudflare/workers-types": "^4.20240208.0",
+    "@hono/vite-cloudflare-pages": "^0.2.4",
+    "autoprefixer": "^10.4.17",
+    "postcss": "^8.4.35",
+    "tailwindcss": "^3.4.1",
+    "vite": "^5.0.12",
+    "wrangler": "^3.27.0"
+  }
 }
diff --git a/postcss.config.js b/postcss.config.js
index 7b75c83..2aa7205 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
 export default {
-	plugins: {
-		tailwindcss: {},
-		autoprefixer: {},
-	},
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
 };
diff --git a/tailwind.config.js b/tailwind.config.js
index 5b80912..0ac5a7d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,8 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-	content: ["./app/**/*.{js,ts,jsx,tsx}"],
-	theme: {
-		extend: {},
-	},
-	plugins: [],
+  content: ["./app/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
 };
diff --git a/vite.config.ts b/vite.config.ts
index d27d018..3c38e23 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,12 +4,12 @@ import client from "honox/vite/client";
 import { defineConfig } from "vite";
 
 export default defineConfig(({ mode }) => {
-	if (mode === "client") {
-		return {
-			plugins: [client()],
-		};
-	}
-	return {
-		plugins: [honox(), pages()],
-	};
+  if (mode === "client") {
+    return {
+      plugins: [client()],
+    };
+  }
+  return {
+    plugins: [honox(), pages()],
+  };
 });
