chore(deps): update dependency zod to v4 (v3) (#4523)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Benjamin Canac <[email protected]>

Author: renovate[bot]

docs/package.json

@@ -42,7 +42,7 @@
     "valibot": "^1.1.0",
     "workers-ai-provider": "^0.7.2",
     "yup": "^1.6.1",
-    "zod": "^3.25.76"
+    "zod": "^4.0.5"
   },
   "devDependencies": {
     "wrangler": "^4.24.3"

package.json

@@ -177,7 +177,7 @@
     "valibot": "^1.0.0",
     "vue-router": "^4.5.0",
     "yup": "^1.6.0",
-    "zod": "^3.24.0"
+    "zod": "^3.24.0 || ^4.0.0"
   },
   "peerDependenciesMeta": {
     "@inertiajs/vue3": {

playground-vue/package.json

@@ -13,7 +13,7 @@
     "@nuxt/ui": "workspace:*",
     "vue": "^3.5.17",
     "vue-router": "^4.5.1",
-    "zod": "^3.25.76"
+    "zod": "^4.0.5"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.4",

playground/package.json

@@ -15,7 +15,7 @@
     "@nuxt/ui": "workspace:*",
     "@nuxthub/core": "^0.9.0",
     "nuxt": "^3.17.7",
-    "zod": "^3.25.76"
+    "zod": "^4.0.5"
   },
   "devDependencies": {
     "typescript": "^5.8.3",

pnpm-lock.yaml

@@ -212,24 +212,24 @@ describe('Form', () => {
       await form.value.submit()
 
       expect(form.value.errors).toMatchObject([
-        { id: 'emailInput', name: 'email', message: 'Required' },
-        { id: 'passwordInput', name: 'password', message: 'Required' }
+        { id: 'emailInput', name: 'email', message: 'Invalid input: expected string, received undefined' },
+        { id: 'passwordInput', name: 'password', message: 'Invalid input: expected string, received undefined' }
       ])
 
       expect(wrapper.setupState.onSubmit).not.toHaveBeenCalled()
       expect(wrapper.setupState.onError).toHaveBeenCalledTimes(1)
       expect(wrapper.setupState.onError).toHaveBeenCalledWith(expect.objectContaining({
         errors: [
-          { id: 'emailInput', name: 'email', message: 'Required' },
-          { id: 'passwordInput', name: 'password', message: 'Required' }
+          { id: 'emailInput', name: 'email', message: 'Invalid input: expected string, received undefined' },
+          { id: 'passwordInput', name: 'password', message: 'Invalid input: expected string, received undefined' }
         ]
       }))
 
       const emailField = wrapper.find('#emailField')
-      expect(emailField.text()).toBe('Required')
+      expect(emailField.text()).toBe('Invalid input: expected string, received undefined')
 
       const passwordField = wrapper.find('#passwordField')
-      expect(passwordField.text()).toBe('Required')
+      expect(passwordField.text()).toBe('Invalid input: expected string, received undefined')
     })
 
     test('validate on submit works', async () => {
@@ -267,8 +267,8 @@ describe('Form', () => {
       const errors = form.value.getErrors()
 
       expect(errors).toMatchObject([
-        { id: 'emailInput', name: 'email', message: 'Required' },
-        { id: 'passwordInput', name: 'password', message: 'Required' }
+        { id: 'emailInput', name: 'email', message: 'Invalid input: expected string, received undefined' },
+        { id: 'passwordInput', name: 'password', message: 'Invalid input: expected string, received undefined' }
       ])
     })
 
@@ -424,14 +424,14 @@ describe('Form', () => {
       expect(wrapper.setupState.onSubmit).not.toHaveBeenCalled()
       expect(wrapper.setupState.onError).toHaveBeenCalledTimes(1)
       const onErrorCallArgs = wrapper.setupState.onError.mock.lastCall[0]
-      expect(onErrorCallArgs.children[0].errors).toMatchObject([{ id: 'nestedInput', name: 'field', message: 'Required' }])
+      expect(onErrorCallArgs.children[0].errors).toMatchObject([{ id: 'nestedInput', name: 'field', message: 'Invalid input: expected string, received undefined' }])
       expect(onErrorCallArgs.errors).toMatchObject([
-        { id: 'emailInput', name: 'email', message: 'Required' },
-        { id: 'passwordInput', name: 'password', message: 'Required' }
+        { id: 'emailInput', name: 'email', message: 'Invalid input: expected string, received undefined' },
+        { id: 'passwordInput', name: 'password', message: 'Invalid input: expected string, received undefined' }
       ])
 
       const nestedField = wrapper.find('#nestedField')
-      expect(nestedField.text()).toBe('Required')
+      expect(nestedField.text()).toBe('Invalid input: expected string, received undefined')
     })
 
     test('submit event contains nested attributes', async () => {