feat: reinit project by Fresh v2 Beta

Author: windchime-yk

README.md

@@ -10,30 +10,10 @@
 
 ## 本リポジトリの達成目標
 - [x] Fresh v2を`jsr:@fresh/init`で作成する
-- [x] esm.shを使って`react-icons`を追加し、表示する
-- [ ] ~~esm.shを使って`@ark-ui/react`を追加し、表示する~~
-  - React互換性の`createContext`に引っかかったらしくエラーで表示ならず([当該commit](https://github.com/whyk-pg/learn-fresh-v2/commit/65e881029e353ac17de50607fe0a4f0e43bfb51a))
-- [ ] ~~`preact/compat`を使って`react-icons`を追加し、表示する~~
-  - エラーにはならなかったものの、画面に表示されずDOMにも描画されていなかった([当該commit](https://github.com/whyk-pg/learn-fresh-v2/commit/1d3d5d317d8d4dda6009711e3d4abebfa1c572dd))
+- [ ] `react-icons`を追加し、表示する
+- [ ] `@ark-ui/react`を追加し、表示する
 - [ ] HonoでAPIを構築する
 - [ ] フォームを使って簡易なログイン処理を実装する
 
-### エラー内容
-#### esm.shを使った`@ark-ui/react`で発生したエラー
-```sh
-GET http://localhost:8000/
-TypeError: Cannot read properties of undefined (reading 'context')
-    at G (https://esm.sh/preact@10.25.4/denonext/hooks.mjs:2:1577)
-    at n (https://esm.sh/@ark-ui/react@4.9.1/X-YXJlYWN0OnByZWFjdC9jb21wYXQKZHByZWFjdEAxMC4yNS40/denonext/dist/utils/create-context.mjs:2:363)
-    at Fa (https://esm.sh/@ark-ui/react@4.9.1/X-YXJlYWN0OnByZWFjdC9jb21wYXQKZHByZWFjdEAxMC4yNS40/denonext/react.mjs:2:9389)
-    at https://esm.sh/@ark-ui/react@4.9.1/X-YXJlYWN0OnByZWFjdC9jb21wYXQKZHByZWFjdEAxMC4yNS40/denonext/react.mjs:2:9617
-    at Object.t (https://esm.sh/preact@10.25.4/denonext/compat.mjs:2:1860)
-    at U (file:///home/windchime-yk/.cache/deno/npm/registry.npmjs.org/preact-render-to-string/6.5.13/dist/index.mjs:1:5660)
-    at U (file:///home/windchime-yk/.cache/deno/npm/registry.npmjs.org/preact-render-to-string/6.5.13/dist/index.mjs:1:5330)
-    at U (file:///home/windchime-yk/.cache/deno/npm/registry.npmjs.org/preact-render-to-string/6.5.13/dist/index.mjs:1:6324)
-    at U (file:///home/windchime-yk/.cache/deno/npm/registry.npmjs.org/preact-render-to-string/6.5.13/dist/index.mjs:1:6324)
-    at U (file:///home/windchime-yk/.cache/deno/npm/registry.npmjs.org/preact-render-to-string/6.5.13/dist/index.mjs:1:4876)
-```
-
 ## 参考資料
 - 特になし

static/styles.css assets/styles.cssstatic/styles.css renamed to assets/styles.css

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 .fresh-gradient {
   background-color: rgb(134, 239, 172);
   background-image: linear-gradient(

client.ts

@@ -0,0 +1,2 @@
+// Import CSS files here for hot module reloading to work.
+import "./assets/styles.css";

components/Button.tsx

@@ -1,6 +1,7 @@
 import type { ComponentChildren } from "preact";
 
 export interface ButtonProps {
+  id?: string;
   onClick?: () => void;
   children?: ComponentChildren;
   disabled?: boolean;
@@ -10,7 +11,7 @@ export function Button(props: ButtonProps) {
   return (
     <button
       {...props}
-      class="px-2 py-1 border-gray-500 border-2 rounded bg-white hover:bg-gray-200 transition-colors"
+      class="px-2 py-1 border-gray-500 border-2 rounded-sm bg-white hover:bg-gray-200 transition-colors"
     />
   );
 }

deno.json

@@ -1,9 +1,9 @@
 {
   "tasks": {
-    "check": "deno fmt --check && deno lint && deno check **/*.ts && deno check **/*.tsx",
-    "dev": "deno run -A --watch=static/,routes/ dev.ts",
-    "build": "deno run -A dev.ts build",
-    "start": "deno run -A main.ts",
+    "dev": "vite",
+    "build": "vite build",
+    "start": "deno serve -A _fresh/server.js",
+    "check": "deno fmt --check . && deno lint . && deno check",
     "update": "deno run -A -r jsr:@fresh/update ."
   },
   "nodeModulesDir": "auto",
@@ -20,12 +20,13 @@
     "README.md"
   ],
   "imports": {
-    "fresh": "jsr:@fresh/core@^2.0.0-alpha.29",
-    "@fresh/plugin-tailwind": "jsr:@fresh/plugin-tailwind@^0.0.1-alpha.7",
-    "preact": "npm:preact@^10.25.4",
-    "@preact/signals": "npm:@preact/signals@^2.0.1",
-    "react-icons/fa": "https://esm.sh/react-icons@5.4.0/fa?alias=react:preact/compat&deps=preact@10.25.4",
-    "tailwindcss": "npm:tailwindcss@^3.4.3"
+    "fresh": "jsr:@fresh/core@^2.0.0-beta.4",
+    "preact": "npm:preact@^10.27.1",
+    "@preact/signals": "npm:@preact/signals@^2.3.1",
+    "@fresh/plugin-vite": "jsr:@fresh/plugin-vite@^0.9.13",
+    "vite": "npm:vite@^7.1.3",
+    "tailwindcss": "npm:tailwindcss@^4.1.10",
+    "@tailwindcss/vite": "npm:@tailwindcss/vite@^4.1.12"
   },
   "compilerOptions": {
     "lib": [
@@ -42,7 +43,18 @@
       "source",
       "body",
       "html",
-      "head"
+      "head",
+      "title",
+      "meta",
+      "script",
+      "link",
+      "style",
+      "base",
+      "noscript",
+      "template"
+    ],
+    "types": [
+      "vite/client"
     ]
   }
 }