Merge pull request #24 from coji/feat/zod_v4

Feat/zod v4

Author: coji

app/routes/$handle+/posts.$id.edit/route.tsx

@@ -4,7 +4,7 @@ import {
   getTextareaProps,
   useForm,
 } from '@conform-to/react'
-import { parseWithZod } from '@conform-to/zod'
+import { parseWithZod } from '@conform-to/zod/v4'
 import { ArrowLeftIcon } from 'lucide-react'
 import { data, Form, href, Link, redirect, useNavigation } from 'react-router'
 import { z } from 'zod'
@@ -20,11 +20,9 @@ const schema = z.discriminatedUnion('intent', [
   }),
   z.object({
     intent: z.literal('update'),
-    title: z
-      .string({ required_error: '必須です' })
-      .max(60, 'タイトルは60字までです。'),
+    title: z.string({ error: '必須です' }).max(60, 'タイトルは60字までです。'),
     content: z
-      .string({ required_error: '必須です' })
+      .string({ error: '必須です' })
       .max(14000, '最大文字数に達しました 14000 / 14000 字'),
   }),
 ])

app/routes/welcome+/create_account/route.tsx

@@ -1,5 +1,5 @@
 import { getFormProps, getInputProps, useForm } from '@conform-to/react'
-import { parseWithZod } from '@conform-to/zod'
+import { parseWithZod } from '@conform-to/zod/v4'
 import { FrownIcon } from 'lucide-react'
 import { Form, redirect } from 'react-router'
 import { z } from 'zod'
@@ -12,7 +12,7 @@ import type { Route } from './+types/route'
 
 const schema = z.object({
   handle: z
-    .string({ required_error: 'ハンドルネームは必須です' })
+    .string({ error: 'ハンドルネームは必須です' })
     .min(3, '最低3文字必要です')
     .max(20, '最大20文字までです')
     .regex(

biome.json

@@ -1,25 +1,24 @@
 {
-	"$schema": "https://biomejs.dev/schemas/2.1.3/schema.json",
-	"assist": { "actions": { "source": { "organizeImports": "on" } } },
-	"vcs": {
-		"enabled": true,
-		"clientKind": "git",
-		"useIgnoreFile": true
-	},
-	"linter": {
-		"enabled": true,
-		"rules": {
-			"recommended": true,
-			"correctness": {
-				"noUnusedVariables": {
-					"level": "warn",
-					"options": {
-						"ignoreRestSiblings": true
-					}
-				}
-			}
-		},
-		"includes": ["**", "!**/build"]
-		
-	}
+  "$schema": "https://biomejs.dev/schemas/2.1.3/schema.json",
+  "assist": { "actions": { "source": { "organizeImports": "on" } } },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "correctness": {
+        "noUnusedVariables": {
+          "level": "warn",
+          "options": {
+            "ignoreRestSiblings": true
+          }
+        }
+      }
+    },
+    "includes": ["**", "!**/build"]
+  }
 }

package.json

@@ -15,8 +15,8 @@
     "start": "npx sirv-cli build/client/ --single"
   },
   "dependencies": {
-    "@conform-to/react": "^1.8.2",
-    "@conform-to/zod": "^1.8.2",
+    "@conform-to/react": "^1.9.1",
+    "@conform-to/zod": "^1.9.1",
     "@react-router/node": "7.7.1",
     "@tailwindcss/vite": "^4.1.11",
     "class-variance-authority": "^0.7.1",
@@ -39,8 +39,7 @@
     "sonner": "^2.0.6",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.25.64",
-    "zodix": "^0.4.4"
+    "zod": "^4.1.8"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.1.3",

pnpm-lock.yaml

@@ -4,5 +4,6 @@ export default {
   ssr: false,
   future: {
     unstable_middleware: true,
+    unstable_optimizeDeps: true,
   },
 } satisfies Config