@effect-app/vue-components 4.0.0-beta.281 → 4.0.0-beta.282

package/dist/vue-components35.es.js

@@ -13,23 +13,26 @@ var _ = /*@__PURE__*/ o({
 		inputClass: {}
 	},
 	setup(o) {
-		let _ = o, v = n(() => _.name), y = h(), b = n(() => {
-			if (_.inputClass !== null) return _.inputClass === void 0 ? y.class : _.inputClass;
-		}), x = c("getMetaFromArray", null), S = n(() => x?.value && x.value(_.name) ? x.value(v.value) : _.form.meta[v.value]), C = e(_.form);
+		let _ = o, v = n(() => ({
+			label: _.label,
+			validators: _.validators
+		})), y = n(() => _.name), b = h(), x = n(() => {
+			if (_.inputClass !== null) return _.inputClass === void 0 ? b.class : _.inputClass;
+		}), S = c("getMetaFromArray", null), C = n(() => S?.value && S.value(_.name) ? S.value(y.value) : _.form.meta[y.value]), w = e(_.form);
 		return (e, n) => (d(), r(p(o.form.Field), {
 			name: o.name,
 			validators: o.validators
 		}, {
-			default: g(({ field: n }) => [S.value ? (d(), r(t, l({ key: 0 }, {
+			default: g(({ field: n }) => [C.value ? (d(), r(t, l({ key: 0 }, {
 				...e.$attrs,
-				...e.$props,
-				inputClass: b.value
+				...v.value,
+				inputClass: x.value
 			}, {
 				field: n,
 				state: n.state,
 				register: o.form.registerField,
-				label: o.label ?? m(C)(v.value),
-				meta: S.value
+				label: o.label ?? m(w)(y.value),
+				meta: C.value
 			}), a({
 				default: g((t) => [f(e.$slots, "default", u(s(t)))]),
 				_: 2

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.281",
+  "version": "4.0.0-beta.282",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
-    "effect": "^4.0.0-beta.86",
+    "effect": "^4.0.0-beta.88",
     "intl-messageformat": "^11.2.7",
     "mdi-js": "^1.0.1",
     "primeflex": "^4.0.0",
@@ -56,8 +56,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.281",
-    "effect-app": "4.0.0-beta.281"
+    "@effect-app/vue": "4.0.0-beta.282",
+    "effect-app": "4.0.0-beta.282"
   },
   "scripts": {
     "check": "vue-tsc",

package/src/components/OmegaForm/OmegaInput.vue

@@ -13,7 +13,7 @@
     <template #default="{ field }">
       <OmegaInternalInput
         v-if="meta"
-        v-bind="{ ...$attrs, ...$props, inputClass: computedClass }"
+        v-bind="{ ...$attrs, ...internalInputProps, inputClass: computedClass }"
         :field="field as any"
         :state="field.state"
         :register="form.registerField"
@@ -51,6 +51,10 @@ import OmegaInternalInput from "./OmegaInternalInput.vue"
 import { type OmegaInputPropsBase } from "./types"
 
 const props = defineProps<OmegaInputPropsBase<From, To, Name>>()
+const internalInputProps = computed(() => ({
+  label: props.label,
+  validators: props.validators
+}))
 
 // downgrade to *as* DeepKeys<From> to avoid useless and possible infinite recursion in TS
 const propsName = computed(() => props.name as DeepKeys<From>)