@volverjs/form-vue 1.0.0-beta.7 → 1.0.0-beta.9

package/dist/src/utils.d.ts

@@ -1,3 +1,3 @@
 import { type z } from 'zod';
 import type { FormSchema } from './types';
-export declare const defaultObjectBySchema: <Schema extends FormSchema>(schema: Schema, original?: Partial<z.TypeOf<Schema>> & Record<string, unknown>) => Partial<z.TypeOf<Schema>>;
+export declare const defaultObjectBySchema: <Schema extends FormSchema>(schema: Schema, original?: Partial<z.infer<Schema>> & Record<string, unknown>) => Partial<z.infer<Schema>>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@volverjs/form-vue",
   "description": "Vue 3 Forms with @volverjs/ui-vue",
-  "author": "24/Consulting",
+  "author": "8 Wave",
   "license": "MIT",
   "keywords": [
     "form",
@@ -19,7 +19,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/form-vue/issues"
   },
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0-beta.9",
   "engines": {
     "node": ">= 16.x"
   },
@@ -35,35 +35,35 @@
     "*.d.ts"
   ],
   "dependencies": {
-    "@volverjs/ui-vue": "^0.0.9",
-    "@vueuse/core": "^10.6.1",
+    "@volverjs/ui-vue": "0.0.10-beta.29",
+    "@vueuse/core": "^10.9.0",
     "ts-dot-prop": "^2.1.3",
-    "vue": "^3.3.8",
+    "vue": "^3.4.21",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-vue": "1.40.0",
-    "@testing-library/vue": "^8.0.1",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@vitejs/plugin-vue": "^4.5.0",
+    "@playwright/experimental-ct-vue": "1.42.1",
+    "@testing-library/vue": "^8.0.3",
+    "@typescript-eslint/eslint-plugin": "^7.3.1",
+    "@vitejs/plugin-vue": "^5.0.4",
     "@volverjs/style": "^0.1.11",
-    "@vue/compiler-sfc": "^3.3.8",
-    "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/runtime-core": "^3.3.8",
-    "@vue/test-utils": "^2.4.2",
+    "@vue/compiler-sfc": "^3.4.21",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/runtime-core": "^3.4.21",
+    "@vue/test-utils": "^2.4.5",
     "copy": "^0.3.2",
-    "eslint": "^8.54.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-vue": "^9.18.1",
-    "happy-dom": "^12.10.3",
-    "prettier": "^3.1.0",
-    "typescript": "^5.3.2",
-    "vite": "^5.0.2",
-    "vite-plugin-dts": "^3.6.3",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-vue": "^9.23.0",
+    "happy-dom": "^14.3.1",
+    "prettier": "^3.2.5",
+    "typescript": "^5.4.3",
+    "vite": "^5.2.2",
+    "vite-plugin-dts": "^3.7.3",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-externalize-deps": "^0.7.0",
-    "vitest": "^0.34.6"
+    "vite-plugin-externalize-deps": "^0.8.0",
+    "vitest": "^1.4.0"
   },
   "typesVersions": {
     "*": {

package/src/VvForm.ts

@@ -202,12 +202,10 @@ export const defineForm = <Schema extends FormSchema>(
 				}
 			})
 
+			// readonly
 			onMounted(() => {
-				if (props.readonly && !readonly.value) {
-					readonly.value = props.readonly
-				}
+				readonly.value = props.readonly
 			})
-
 			watch(
 				() => props.readonly,
 				(newValue) => {
@@ -273,10 +271,10 @@ export const defineForm = <Schema extends FormSchema>(
 									default: defaultSlot,
 								},
 							),
-					  ]
+						]
 					: {
 							default: defaultSlot,
-					  },
+						},
 			)
 		},
 	})

package/src/VvFormField.ts

@@ -191,14 +191,11 @@ export const defineFormField = <Schema extends FormSchema>(
 				)
 			})
 			const isReadonly = computed(() => {
-				const fieldReadonly =
-					hasFieldProps.value.readonly ?? props.readonly
-				if (fieldReadonly === undefined) {
-					return injectedFormData?.readonly.value
+				if (injectedFormData?.readonly.value) {
+					return true
 				}
-				return fieldReadonly
+				return hasFieldProps.value.readonly ?? props.readonly
 			})
-
 			const hasProps = computed(() => ({
 				...hasFieldProps.value,
 				name: hasFieldProps.value.name ?? props.name,
@@ -234,11 +231,13 @@ export const defineFormField = <Schema extends FormSchema>(
 				'onUpdate:modelValue': onUpdate,
 			}))
 
+			// provide data to children
 			provide(formFieldInjectionKey, {
 				name: readonly(fieldName as Ref<string>),
 				errors: readonly(errors),
 			})
 
+			// load component
 			const component = computed(() => {
 				if (props.type === FormFieldType.custom) {
 					return {