@teamnovu/kit-vue-forms 0.1.7 → 0.1.8

package/dist/index.js

@@ -1,51 +1,57 @@
 var T = Object.defineProperty;
-var G = (t, e, r) => e in t ? T(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var E = (t, e, r) => G(t, typeof e != "symbol" ? e + "" : e, r);
-import { toValue as L, toRaw as Z, computed as c, unref as d, reactive as D, toRefs as N, shallowReactive as q, toRef as _, onScopeDispose as H, ref as W, watch as w, isRef as k, getCurrentScope as Q, onBeforeUnmount as X, defineComponent as j, renderSlot as O, normalizeProps as z, guardReactiveProps as B, resolveComponent as Y, createBlock as $, openBlock as A, withCtx as C, resolveDynamicComponent as x, mergeProps as ee } from "vue";
+var G = (r, e, t) => e in r ? T(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var E = (r, e, t) => G(r, typeof e != "symbol" ? e + "" : e, t);
+import { toValue as L, toRaw as Z, computed as c, unref as d, isRef as D, reactive as P, toRefs as W, shallowReactive as q, toRef as S, onScopeDispose as H, ref as k, watch as w, getCurrentScope as Q, onBeforeUnmount as X, defineComponent as $, renderSlot as j, normalizeProps as z, guardReactiveProps as B, resolveComponent as Y, createBlock as A, openBlock as C, withCtx as M, resolveDynamicComponent as x, mergeProps as ee } from "vue";
 import { cloneDeep as re } from "lodash-es";
 import "zod";
-function g(t) {
-  const e = L(t), r = Z(e);
-  return re(r);
+function g(r) {
+  const e = L(r), t = Z(e);
+  return re(t);
 }
-function K(t) {
-  return t === "" ? [] : t.split(/\s*\.\s*/).filter(Boolean);
+function K(r) {
+  return r === "" ? [] : r.split(/\s*\.\s*/).filter(Boolean);
 }
-function P(t, e) {
+function _(r, e) {
   return (Array.isArray(e) ? e : K(e)).reduce(
     (s, o) => s == null ? void 0 : s[o],
-    t
+    r
   );
 }
-function te(t, e, r) {
-  const s = Array.isArray(e) ? e : K(e), o = s.at(-1), n = s.slice(0, -1).reduce(
-    (p, h) => p[h],
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    t
-  );
-  n[o] = o ? r : n;
+function te(r, e, t) {
+  const s = Array.isArray(e) ? e : K(e), o = s.at(-1);
+  if (!o && D(r))
+    r.value = t;
+  else if (D(r)) {
+    const n = s.slice(0, -1).reduce(
+      (p, h) => p[h],
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      d(r)
+    );
+    n[o] = t;
+  } else
+    return;
 }
-const U = (t, e) => c({
+const U = (r, e) => c({
   get() {
-    return P(d(t), d(e));
+    return _(d(r), d(e));
   },
-  set(r) {
-    te(d(t), d(e), r);
+  set(t) {
+    te(r, d(e), t);
   }
 });
-function R(t, e) {
-  return !t && !e ? "" : !t && e ? e : !e && t ? t : `${t}.${e}`;
+function R(r, e) {
+  return !r && !e ? "" : !r && e ? e : !e && r ? r : `${r}.${e}`;
 }
-function se(t, e) {
+function se(r, e) {
   if (!e)
-    return t;
-  const r = `${e}.`, s = Object.fromEntries(
-    Object.entries(t.propertyErrors).filter(([o]) => o.startsWith(r)).map(
-      ([o, n]) => [o.slice(r.length), n]
+    return r;
+  const t = `${e}.`, s = Object.fromEntries(
+    Object.entries(r.propertyErrors).filter(([o]) => o.startsWith(t)).map(
+      ([o, n]) => [o.slice(t.length), n]
     )
   );
   return {
-    general: t.general,
+    general: r.general,
     // Keep general errors
     propertyErrors: s
   };
@@ -62,14 +68,14 @@ class ae {
     this.rc > 0 && (this.rc -= 1, this.rc === 0 && this.drop && this.drop());
   }
 }
-function oe(t) {
-  const e = D({
-    value: t.value,
-    path: t.path,
-    initialValue: c(() => Object.freeze(g(t.initialValue))),
-    errors: t.errors,
+function oe(r) {
+  const e = P({
+    value: r.value,
+    path: r.path,
+    initialValue: c(() => Object.freeze(g(r.initialValue))),
+    errors: r.errors,
     touched: !1
-  }), r = c(() => JSON.stringify(e.value) !== JSON.stringify(e.initialValue)), s = (a) => {
+  }), t = c(() => JSON.stringify(e.value) !== JSON.stringify(e.initialValue)), s = (a) => {
     e.value = a;
   }, o = () => {
     e.touched = !0;
@@ -80,14 +86,14 @@ function oe(t) {
     e.errors = a;
   }, V = () => {
     e.errors = [];
-  }, i = N(e);
+  }, i = W(e);
   return {
     data: i.value,
     path: i.path,
     initialValue: i.initialValue,
     errors: i.errors,
     touched: i.touched,
-    dirty: r,
+    dirty: t,
     setData: s,
     onBlur: o,
     onFocus: n,
@@ -96,24 +102,24 @@ function oe(t) {
     clearErrors: V
   };
 }
-function ne(t, e) {
-  const r = /* @__PURE__ */ new Map(), s = q(/* @__PURE__ */ new Map()), o = (a) => {
+function ne(r, e) {
+  const t = /* @__PURE__ */ new Map(), s = q(/* @__PURE__ */ new Map()), o = (a) => {
     const u = d(a.path);
     s.set(u, a);
   }, n = (a) => {
     s.delete(a);
   }, p = (a) => {
     var u;
-    r.has(a) ? (u = r.get(a)) == null || u.inc() : r.set(a, new ae(() => n(a)));
+    t.has(a) ? (u = t.get(a)) == null || u.inc() : t.set(a, new ae(() => n(a)));
   }, h = (a) => {
     var u;
-    r.has(a) && ((u = r.get(a)) == null || u.dec());
+    t.has(a) && ((u = t.get(a)) == null || u.dec());
   }, V = (a) => {
     if (!s.has(a)) {
       const v = oe({
         path: a,
-        value: U(_(t, "data"), a),
-        initialValue: c(() => P(t.initialData, a)),
+        value: U(S(r, "data"), a),
+        initialValue: c(() => _(r.initialData, a)),
         errors: c({
           get() {
             return e.errors.value.propertyErrors[a] || [];
@@ -138,62 +144,62 @@ function ne(t, e) {
     defineField: i
   };
 }
-function ie(t) {
-  const e = c(() => t.fields.value.some((s) => d(s.dirty))), r = c(() => t.fields.value.some((s) => d(s.touched)));
+function ie(r) {
+  const e = c(() => r.fields.value.some((s) => d(s.dirty))), t = c(() => r.fields.value.some((s) => d(s.touched)));
   return {
     isDirty: e,
-    isTouched: r
+    isTouched: t
   };
 }
-function le(t) {
-  return t.filter(
-    (e, r, s) => s.indexOf(e) === r
+function le(r) {
+  return r.filter(
+    (e, t, s) => s.indexOf(e) === t
   );
 }
-function I(...t) {
-  return t.slice(1).reduce((e, r) => {
-    if (!e && !r)
+function I(...r) {
+  return r.slice(1).reduce((e, t) => {
+    if (!e && !t)
       return;
-    const s = ((r == null ? void 0 : r.length) ?? 0) > 0;
-    if (!e && ((r == null ? void 0 : r.length) ?? 0) > 0)
-      return r;
+    const s = ((t == null ? void 0 : t.length) ?? 0) > 0;
+    if (!e && ((t == null ? void 0 : t.length) ?? 0) > 0)
+      return t;
     if (!s)
       return e;
-    const o = (e ?? []).concat(r);
+    const o = (e ?? []).concat(t);
     return le(o);
-  }, t[0]);
+  }, r[0]);
 }
-function ce(...t) {
-  return t.map((r) => Object.keys(r)).flat().reduce((r, s) => {
-    const o = t.map((n) => n[s]).filter(Boolean);
+function ce(...r) {
+  return r.map((t) => Object.keys(t)).flat().reduce((t, s) => {
+    const o = r.map((n) => n[s]).filter(Boolean);
     return {
-      ...r,
+      ...t,
       [s]: I(...o)
     };
   }, {});
 }
-function S(...t) {
-  if (!t.length)
+function O(...r) {
+  if (!r.length)
     return {
       general: [],
       propertyErrors: {}
     };
-  const e = t[0];
-  return t.length === 1 ? e : t.slice(1).reduce(
-    (r, s) => ({
-      general: I(r.general, s.general),
-      propertyErrors: ce(r.propertyErrors ?? {}, s.propertyErrors ?? {})
+  const e = r[0];
+  return r.length === 1 ? e : r.slice(1).reduce(
+    (t, s) => ({
+      general: I(t.general, s.general),
+      propertyErrors: ce(t.propertyErrors ?? {}, s.propertyErrors ?? {})
     }),
     e
   );
 }
-function M(t) {
+function N(r) {
   var s;
-  const e = (((s = t.general) == null ? void 0 : s.length) ?? 0) > 0, r = Object.entries(t.propertyErrors).filter(([, o]) => o == null ? void 0 : o.length).length > 0;
-  return e || r;
+  const e = (((s = r.general) == null ? void 0 : s.length) ?? 0) > 0, t = Object.entries(r.propertyErrors).filter(([, o]) => o == null ? void 0 : o.length).length > 0;
+  return e || t;
 }
-function ue(t) {
-  const e = t.issues.filter((s) => s.path.length === 0).map((s) => s.message), r = t.issues.filter((s) => s.path.length > 0).reduce((s, o) => {
+function ue(r) {
+  const e = r.issues.filter((s) => s.path.length === 0).map((s) => s.message), t = r.issues.filter((s) => s.path.length > 0).reduce((s, o) => {
     const n = o.path.join(".");
     return {
       ...s,
@@ -202,7 +208,7 @@ function ue(t) {
   }, {});
   return {
     general: e,
-    propertyErrors: r
+    propertyErrors: t
   };
 }
 const m = {
@@ -219,10 +225,10 @@ class de {
   async validate(e) {
     if (!this.schema)
       return m;
-    const r = await this.schema.safeParseAsync(e);
-    if (r.success)
+    const t = await this.schema.safeParseAsync(e);
+    if (t.success)
       return m;
-    const s = ue(r.error);
+    const s = ue(t.error);
     return {
       isValid: !1,
       errors: {
@@ -240,13 +246,13 @@ class fe {
     if (!this.validateFn)
       return m;
     try {
-      const r = await this.validateFn(e);
-      return r.isValid ? m : r;
-    } catch (r) {
+      const t = await this.validateFn(e);
+      return t.isValid ? m : t;
+    } catch (t) {
       return {
         isValid: !1,
         errors: {
-          general: [r.message || "Validation error"],
+          general: [t.message || "Validation error"],
           propertyErrors: {}
         }
       };
@@ -254,72 +260,72 @@ class fe {
   }
 }
 class pe {
-  constructor(e, r) {
+  constructor(e, t) {
     E(this, "schemaValidator");
     E(this, "functionValidator");
-    this.schema = e, this.validateFn = r, this.schemaValidator = new de(this.schema), this.functionValidator = new fe(this.validateFn);
+    this.schema = e, this.validateFn = t, this.schemaValidator = new de(this.schema), this.functionValidator = new fe(this.validateFn);
   }
   async validate(e) {
-    const [r, s] = await Promise.all([
+    const [t, s] = await Promise.all([
       this.schemaValidator.validate(e),
       this.functionValidator.validate(e)
     ]);
     return {
-      isValid: r.isValid && s.isValid,
-      errors: S(r.errors, s.errors)
+      isValid: t.isValid && s.isValid,
+      errors: O(t.errors, s.errors)
     };
   }
 }
-function b(t) {
+function b(r) {
   return c(() => new pe(
-    d(t.schema),
-    d(t.validateFn)
+    d(r.schema),
+    d(r.validateFn)
   ));
 }
-function he(t, e) {
-  const r = D({
-    validators: W([b(e)]),
+function he(r, e) {
+  const t = P({
+    validators: k([b(e)]),
     isValidated: !1,
     errors: d(e.errors) ?? m.errors
   }), s = (i = m.errors) => {
-    r.errors = S(d(e.errors) ?? m.errors, i);
+    t.errors = O(d(e.errors) ?? m.errors, i);
   };
   w(() => d(e.errors), async () => {
-    if (r.isValidated) {
+    if (t.isValidated) {
       const i = await n();
       s(i.errors);
     } else
       s();
   }, { immediate: !0 }), w(
-    [() => r.validators],
+    [() => t.validators],
     async (i) => {
-      if (r.isValidated)
+      if (t.isValidated)
         if (i) {
           const a = await n();
-          r.errors = a.errors;
+          t.errors = a.errors;
         } else
-          r.errors = m.errors;
+          t.errors = m.errors;
     },
     { immediate: !0 }
-  ), w(() => t.data, () => {
-    r.isValidated && p();
+  ), w(() => r.data, () => {
+    t.isValidated && p();
   });
   const o = (i) => {
-    const a = k(i) ? i : b(i);
-    return r.validators.push(a), Q() && X(() => {
-      r.validators = r.validators.filter(
+    const a = D(i) ? i : b(i);
+    return t.validators.push(a), Q() && X(() => {
+      t.validators = t.validators.filter(
         (u) => u !== a
       );
     }), a;
   };
   async function n() {
     const i = await Promise.all(
-      r.validators.filter((v) => d(v) !== void 0).map((v) => d(v).validate(t.data))
+      t.validators.filter((v) => d(v) !== void 0).map((v) => d(v).validate(r.data))
     ), a = i.every((v) => v.isValid);
     let { errors: u } = m;
     if (!a) {
       const v = i.map((F) => F.errors);
-      u = S(...v);
+      u = O(...v);
     }
     return {
       errors: u,
@@ -328,15 +334,15 @@ function he(t, e) {
   }
   const p = async () => {
     const i = await n();
-    return s(i.errors), r.isValidated = !0, {
-      isValid: !M(i.errors),
-      errors: r.errors
+    return s(i.errors), t.isValidated = !0, {
+      isValid: !N(i.errors),
+      errors: t.errors
     };
-  }, h = c(() => !M(r.errors)), V = () => {
-    r.isValidated = !1, r.errors = d(e.errors) ?? m.errors;
+  }, h = c(() => !N(t.errors)), V = () => {
+    t.isValidated = !1, t.errors = d(e.errors) ?? m.errors;
   };
   return {
-    ...N(r),
+    ...W(t),
     validateForm: p,
     defineValidator: o,
     isValid: h,
@@ -344,14 +350,14 @@ function he(t, e) {
   };
 }
 class ve {
-  constructor(e, r) {
-    this.path = e, this.validator = r;
+  constructor(e, t) {
+    this.path = e, this.validator = t;
   }
   async validate(e) {
-    const r = P(e, this.path);
+    const t = _(e, this.path);
     if (!this.validator)
       return m;
-    const s = await this.validator.validate(r);
+    const s = await this.validator.validate(t);
     return {
       isValid: s.isValid,
       errors: {
@@ -366,29 +372,29 @@ class ve {
     };
   }
 }
-function me(t, e, r) {
-  const s = U(t.data, e), o = c(() => P(t.initialData.value, e)), n = (l) => ({
+function me(r, e, t) {
+  const s = U(r.data, e), o = c(() => _(r.initialData.value, e)), n = (l) => ({
     ...l,
     path: c(() => d(l.path).replace(e + ".", "")),
     setData: (f) => {
       l.setData(f);
     }
   }), p = (l) => {
-    const f = R(e, l), y = t.getField(f);
+    const f = R(e, l), y = r.getField(f);
     return y ? n(y) : {};
   }, h = (l) => {
-    const f = R(e, l.path), y = t.defineField({
+    const f = R(e, l.path), y = r.defineField({
       ...l,
       path: f
     });
     return n(y);
-  }, V = c(() => t.fields.value.filter((l) => {
+  }, V = c(() => r.fields.value.filter((l) => {
     const f = l.path.value;
     return f.startsWith(e + ".") || f === e;
-  }).map((l) => n(l))), i = () => t.fields.value.filter((l) => {
+  }).map((l) => n(l))), i = () => r.fields.value.filter((l) => {
     const f = l.path.value;
     return f.startsWith(e + ".") || f === e;
-  }), a = c(() => i().some((l) => l.dirty.value)), u = c(() => i().some((l) => l.touched.value)), v = c(() => t.isValid.value), F = c(() => t.isValidated.value), J = c(() => se(d(t.errors), e));
+  }), a = c(() => i().some((l) => l.dirty.value)), u = c(() => i().some((l) => l.touched.value)), v = c(() => r.isValid.value), F = c(() => r.isValidated.value), J = c(() => se(d(r.errors), e));
   return {
     data: s,
     fields: V,
@@ -401,32 +407,32 @@ function me(t, e, r) {
     isValidated: F,
     errors: J,
     defineValidator: (l) => {
-      const f = k(l) ? l : b(l), y = c(
+      const f = D(l) ? l : b(l), y = c(
         () => new ve(e, d(f))
       );
-      return t.defineValidator(y), f;
+      return r.defineValidator(y), f;
     },
     reset: () => i().forEach((l) => l.reset()),
-    validateForm: () => t.validateForm(),
+    validateForm: () => r.validateForm(),
     getSubForm: (l, f) => {
       const y = R(e, l);
-      return t.getSubForm(
+      return r.getSubForm(
         y,
         f
       );
     }
   };
 }
-function Pe(t) {
-  const e = c(() => Object.freeze(g(t.initialData))), r = W(g(e)), s = D({
+function Pe(r) {
+  const e = c(() => Object.freeze(g(r.initialData))), t = k(g(e)), s = P({
     initialData: e,
-    data: r
+    data: t
   });
   w(e, (a) => {
     s.data = g(a);
   });
-  const o = he(s, t), n = ne(s, o), p = ie(n), h = () => {
-    r.value = g(e), o.reset(), n.fields.value.forEach(
+  const o = he(s, r), n = ne(s, o), p = ie(n), h = () => {
+    t.value = g(e), o.reset(), n.fields.value.forEach(
       (a) => a.reset()
     );
   };
@@ -439,12 +445,12 @@ function Pe(t) {
     ...p,
     reset: h,
     getSubForm: V,
-    initialData: _(s, "initialData"),
-    data: _(s, "data")
+    initialData: S(s, "initialData"),
+    data: S(s, "data")
   };
   return i;
 }
-const _e = /* @__PURE__ */ j({
+const _e = /* @__PURE__ */ $({
   __name: "Field",
   props: {
     form: {},
@@ -453,13 +459,13 @@ const _e = /* @__PURE__ */ j({
     path: {},
     errors: {}
   },
-  setup(t) {
-    const e = t, r = e.form.defineField({
+  setup(r) {
+    const e = r, t = e.form.defineField({
       path: e.path
-    }), s = D(r);
-    return (o, n) => O(o.$slots, "default", z(B(s)));
+    }), s = P(t);
+    return (o, n) => j(o.$slots, "default", z(B(s)));
   }
-}), Se = /* @__PURE__ */ j({
+}), Se = /* @__PURE__ */ $({
   inheritAttrs: !1,
   __name: "FormFieldWrapper",
   props: {
@@ -468,22 +474,22 @@ const _e = /* @__PURE__ */ j({
     form: {},
     path: {}
   },
-  setup(t) {
-    return (e, r) => {
+  setup(r) {
+    return (e, t) => {
       const s = Y("Field");
-      return A(), $(s, {
+      return C(), A(s, {
         form: e.form,
         path: e.path
       }, {
-        default: C(({ errors: o, data: n, setData: p }) => [
-          (A(), $(x(e.component), ee({ ...e.componentProps, ...e.$attrs }, {
+        default: M(({ errors: o, data: n, setData: p }) => [
+          (C(), A(x(e.component), ee({ ...e.componentProps, ...e.$attrs }, {
             "model-value": n,
             errors: o,
             name: e.path,
             "onUpdate:modelValue": p
           }), {
-            default: C(() => [
-              O(e.$slots, "default")
+            default: M(() => [
+              j(e.$slots, "default")
             ]),
             _: 2
           }, 1040, ["model-value", "errors", "name", "onUpdate:modelValue"]))
@@ -492,20 +498,20 @@ const _e = /* @__PURE__ */ j({
       }, 8, ["form", "path"]);
     };
   }
-}), be = /* @__PURE__ */ j({
+}), Oe = /* @__PURE__ */ $({
   __name: "FormPart",
   props: {
     form: {},
     path: {}
   },
-  setup(t) {
-    const e = t, r = c(() => e.form.getSubForm(e.path));
-    return (s, o) => O(s.$slots, "default", z(B({ subform: r.value })));
+  setup(r) {
+    const e = r, t = c(() => e.form.getSubForm(e.path));
+    return (s, o) => j(s.$slots, "default", z(B({ subform: t.value })));
   }
 });
 export {
   _e as Field,
   Se as FormFieldWrapper,
-  be as FormPart,
+  Oe as FormPart,
   Pe as useForm
 };

package/dist/utils/path.d.ts

@@ -3,7 +3,7 @@ import { Paths, PickProps, SplitPath } from '../types/util';
 import { ErrorBag } from '../types/validation';
 export declare function splitPath(path: string): string[];
 export declare function getNestedValue<T, K extends Paths<T>>(obj: T, path: K | SplitPath<K>): PickProps<T, K>;
-export declare function setNestedValue<T, K extends Paths<T>>(obj: T, path: K | SplitPath<K>, value: PickProps<T, K>): void;
+export declare function setNestedValue<T, K extends Paths<T>>(obj: MaybeRef<T>, path: K | SplitPath<K>, value: PickProps<T, K>): void;
 export declare const getLens: <T, K extends Paths<T>>(data: MaybeRef<T>, key: MaybeRef<K | SplitPath<K>>) => WritableComputedRef<PickProps<T, K>, PickProps<T, K>>;
 type JoinPath<Base extends string, Sub extends string> = `${Base}${Base extends '' ? '' : Sub extends '' ? '' : '.'}${Sub}`;
 export declare function joinPath<Base extends string, Sub extends string>(basePath: Base, subPath: Sub): JoinPath<Base, Sub>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnovu/kit-vue-forms",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "",
   "main": "dist/index.js",
   "type": "module",

package/src/utils/path.ts

@@ -1,4 +1,4 @@
-import { computed, isRef, reactive, shallowRef, triggerRef, unref, watch, type MaybeRef } from 'vue'
+import { computed, isRef, unref, type MaybeRef } from 'vue'
 import type { Paths, PickProps, SplitPath } from '../types/util'
 import type { ErrorBag, ValidationErrors } from '../types/validation'
 
@@ -17,19 +17,27 @@ export function getNestedValue<T, K extends Paths<T>>(obj: T, path: K | SplitPat
   ) as PickProps<T, K>
 }
 
-export function setNestedValue<T, K extends Paths<T>>(obj: T, path: K | SplitPath<K>, value: PickProps<T, K>): void {
+export function setNestedValue<T, K extends Paths<T>>(obj: MaybeRef<T>, path: K | SplitPath<K>, value: PickProps<T, K>): void {
   const keys = Array.isArray(path) ? path : splitPath(path)
 
   const lastKey = keys.at(-1)!
-  const target = keys
-    .slice(0, -1)
-    .reduce(
-      (current, key) => current[key],
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      obj as Record<string, any>,
-    )
 
-  target[lastKey] = lastKey ? value : target
+  if (!lastKey && isRef(obj)) {
+    obj.value = value
+  } else if (!isRef(obj)) {
+    // We cannot do anything here as we have nothing we can assign to
+    return
+  } else {
+    const target = keys
+      .slice(0, -1)
+      .reduce(
+        (current, key) => current[key],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        unref(obj) as Record<string, any>,
+      )
+
+    target[lastKey] = value
+  }
 }
 
 export const getLens = <T, K extends Paths<T>>(data: MaybeRef<T>, key: MaybeRef<K | SplitPath<K>>) => {
@@ -38,7 +46,7 @@ export const getLens = <T, K extends Paths<T>>(data: MaybeRef<T>, key: MaybeRef<
       return getNestedValue(unref(data), unref(key))
     },
     set(value: PickProps<T, K>) {
-      setNestedValue(unref(data), unref(key), value)
+      setNestedValue(data, unref(key), value)
     },
   })
 }