@formisch/vue 0.7.2 → 0.7.3

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as v from "valibot";
-import * as vue1 from "vue";
+import * as vue3 from "vue";
 import { ComponentPublicInstance, MaybeRefOrGetter, ShallowRef as Signal } from "vue";
 
 //#region ../../packages/core/dist/index.vue.d.ts
@@ -959,14 +959,14 @@ interface FieldProps<TSchema extends Schema = Schema, TFieldPath extends Require
   readonly path: ValidPath<v.InferInput<TSchema>, TFieldPath>;
 }
 declare const __VLS_export$2: <TSchema extends Schema, TFieldPath extends RequiredPath>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$2<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: __VLS_PrettifyLocal$2<FieldProps<TSchema, TFieldPath>> & vue1.PublicProps;
+  props: __VLS_PrettifyLocal$2<FieldProps<TSchema, TFieldPath>> & vue3.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
     default(props: FieldStore<TSchema, TFieldPath>): any;
   };
   emit: {};
-}>) => vue1.VNode & {
+}>) => vue3.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export$2;
@@ -987,14 +987,14 @@ interface FieldArrayProps<TSchema extends Schema = Schema, TFieldArrayPath exten
   readonly path: ValidArrayPath<v.InferInput<TSchema>, TFieldArrayPath>;
 }
 declare const __VLS_export$1: <TSchema extends Schema, TFieldArrayPath extends RequiredPath>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$1<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: __VLS_PrettifyLocal$1<FieldArrayProps<TSchema, TFieldArrayPath>> & vue1.PublicProps;
+  props: __VLS_PrettifyLocal$1<FieldArrayProps<TSchema, TFieldArrayPath>> & vue3.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
     default(props: FieldArrayStore<TSchema, TFieldArrayPath>): any;
   };
   emit: {};
-}>) => vue1.VNode & {
+}>) => vue3.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default$1: typeof __VLS_export$1;
@@ -1015,14 +1015,14 @@ interface FormProps<TSchema extends Schema = Schema> {
   onSubmit: SubmitHandler<TSchema> | SubmitEventHandler<TSchema>;
 }
 declare const __VLS_export: <TSchema extends Schema = Schema>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: __VLS_PrettifyLocal<FormProps<TSchema>> & vue1.PublicProps;
+  props: __VLS_PrettifyLocal<FormProps<TSchema>> & vue3.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
     default?: (props: {}) => any;
   };
   emit: {};
-}>) => vue1.VNode & {
+}>) => vue3.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default$2: typeof __VLS_export;

package/dist/index.js

@@ -50,10 +50,10 @@ function untrack(fn) {
 */
 function initializeFieldStore(internalFieldStore, schema, initialInput, path, nullish = false) {
 	if (framework === "qwik" && schema.type === "lazy" || schema.type === "object_with_rest" || schema.type === "record" || schema.type === "tuple_with_rest" || schema.type === "promise") throw new Error(`"${schema.type}" schema is not supported`);
-	else if (schema.type === "lazy") initializeFieldStore(internalFieldStore, schema.getter(void 0), initialInput, path);
+	else if (schema.type === "lazy") initializeFieldStore(internalFieldStore, schema.getter(void 0), initialInput, path, nullish);
 	else if (schema.type === "exact_optional" || schema.type === "nullable" || schema.type === "nullish" || schema.type === "optional" || schema.type === "undefinedable") initializeFieldStore(internalFieldStore, schema.wrapped, initialInput === void 0 ? v.getDefault(schema) : initialInput, path, true);
 	else if (schema.type === "non_nullable" || schema.type === "non_nullish" || schema.type === "non_optional") initializeFieldStore(internalFieldStore, schema.wrapped, initialInput, path);
-	else if (schema.type === "intersect" || schema.type === "union" || schema.type === "variant") for (const schemaOption of schema.options) initializeFieldStore(internalFieldStore, schemaOption, initialInput, path);
+	else if (schema.type === "intersect" || schema.type === "union" || schema.type === "variant") for (const schemaOption of schema.options) initializeFieldStore(internalFieldStore, schemaOption, initialInput, path, nullish);
 	else {
 		internalFieldStore.schema = schema;
 		internalFieldStore.name = JSON.stringify(path);
@@ -949,12 +949,15 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 	},
 	setup(__props) {
 		const props = __props;
-		const handler = handleSubmit(props.of, props.onSubmit);
+		const handler = computed(() => handleSubmit(props.of, props.onSubmit));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("form", {
 				novalidate: "",
-				onSubmit: _cache[0] || (_cache[0] = (...args) => unref(handler) && unref(handler)(...args))
-			}, [renderSlot(_ctx.$slots, "default")], 32);
+				ref: (element) => {
+					if (element) __props.of[unref(INTERNAL)].element = element;
+				},
+				onSubmit: _cache[0] || (_cache[0] = (...args) => handler.value && handler.value(...args))
+			}, [renderSlot(_ctx.$slots, "default")], 544);
 		};
 	}
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formisch/vue",
   "description": "The modular and type-safe form library for Vue",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "license": "MIT",
   "author": "Fabian Hiller",
   "homepage": "https://formisch.dev",
@@ -44,7 +44,7 @@
     "vue": "^3.5.18",
     "vue-tsc": "^3.0.4",
     "@formisch/methods": "0.7.0",
-    "@formisch/core": "0.6.2",
+    "@formisch/core": "0.6.3",
     "@formisch/eslint-config": "0.1.0"
   },
   "peerDependencies": {