vlite3 1.4.30 → 1.4.32

package/components/Form/composables/useForm.js

@@ -1,52 +1,63 @@
-import { ref as x, shallowRef as G, computed as ae, watch as le } from "vue";
-import { deepClone as V, initializeFormValues as te, cleanSubmitValues as se, getNestedValue as J, evaluateConditional as $, setNestedValue as E, collectFileFields as ie, filterNullCustomFields as oe } from "../utils/form.utils.js";
-import { useFileUpload as re } from "./useFileUpload.js";
-import { resolveI18nText as ne } from "../../../utils/i18n.js";
-function Fe(L) {
-  let { schema: K, values: F, isUpdate: h = !1, folderId: U, onSubmit: q } = L;
-  const { handleUploadFile: I } = re(), r = x(F ? V(F) : {}), m = x({}), C = x(!1), A = x(!1), b = x({}), z = G(K), D = G(
-    F ? V(F) : {}
-  ), j = ae(() => {
-    const e = z.value;
+import { shallowRef as g, computed as ae, watch as le } from "vue";
+import { deepClone as A, initializeFormValues as se, cleanSubmitValues as ie, getNestedValue as K, evaluateConditional as j, setNestedValue as I, collectFileFields as re, filterNullCustomFields as oe } from "../utils/form.utils.js";
+import { useFileUpload as ne } from "./useFileUpload.js";
+import { resolveI18nText as ue } from "../../../utils/i18n.js";
+function he(M) {
+  let { schema: Q, values: b, isUpdate: F = !1, folderId: C, onSubmit: R } = M;
+  const { handleUploadFile: O } = ne(), o = g(b ? A(b) : {}), m = g({}), D = g(!1), z = g(!1), E = g({}), x = g(Q), N = g(
+    b ? A(b) : {}
+  ), S = (e, t) => {
+    if (t) {
+      if (m.value[e] === t) return;
+      m.value = { ...m.value, [e]: t };
+      return;
+    }
+    if (!(e in m.value)) return;
+    const r = { ...m.value };
+    delete r[e], m.value = r;
+  }, h = (e, t) => {
+    E.value[e] !== t && (E.value = { ...E.value, [e]: t });
+  }, U = ae(() => {
+    const e = x.value;
     return e ? Array.isArray(e[0]) ? e.flat() : e : [];
-  }), N = async (e) => {
+  }), P = async (e) => {
     try {
-      const a = await te(z.value, e, r.value, h);
-      r.value = a, D.value = V(a), A.value = !1;
-    } catch (a) {
-      console.error("[useForm] Initialization error:", a);
+      const t = await se(x.value, e, o.value, F);
+      o.value = t, N.value = A(t), z.value = !1;
+    } catch (t) {
+      console.error("[useForm] Initialization error:", t);
     }
   };
-  N(F), le(
-    () => F,
+  P(b), le(
+    () => b,
     (e) => {
-      e && N(e);
+      e && P(e);
     },
     { deep: !0 }
   );
-  const O = () => ({
-    values: r.value,
-    globalValues: r.value,
-    isUpdate: h
-  }), M = (e) => J(r.value, e), Q = (e) => m.value[e] || "", R = (e, a) => {
-    a ? m.value[e] = a : delete m.value[e];
-  }, P = () => {
-    m.value = {};
-  }, S = (e) => e.when ? $(e.when, O()) : !0, T = (e) => $(e.disabled, O()), W = (e) => $(e.readonly, O()), k = async (e, a = "") => {
-    const o = a ? `${a}.${e.name}` : e.name, s = M(o);
+  const T = () => ({
+    values: o.value,
+    globalValues: o.value,
+    isUpdate: F
+  }), W = (e) => K(o.value, e), X = (e) => m.value[e] || "", H = (e, t) => {
+    S(e, t);
+  }, k = () => {
+    Object.keys(m.value).length !== 0 && (m.value = {});
+  }, $ = (e) => e.when ? j(e.when, T()) : !0, L = (e) => j(e.disabled, T()), G = (e) => j(e.readonly, T()), B = async (e, t = "") => {
+    const r = t ? `${t}.${e.name}` : e.name, s = W(r);
     let i = "";
-    const t = typeof e.label == "string" ? e.label : e.name, c = ne(e.labelI18n, t) ?? t;
+    const l = typeof e.label == "string" ? e.label : e.name, c = ue(e.labelI18n, l) ?? l;
     if (e.required) {
-      const l = typeof s == "string" && /<\/?[a-z][^>]*>/i.test(s) && s.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim() === "";
-      (s == null || s === "" || Array.isArray(s) && s.length === 0 || l) && (i = `${c} is required`);
+      const a = typeof s == "string" && /<\/?[a-z][^>]*>/i.test(s) && s.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim() === "";
+      (s == null || s === "" || Array.isArray(s) && s.length === 0 || a) && (i = `${c} is required`);
     }
     if (!i && e.maxFileSize) {
-      const l = e.maxFileSize * 1024 * 1024;
+      const a = e.maxFileSize * 1024 * 1024;
       if (s != null && s !== "") {
         const v = Array.isArray(s) ? s : [s];
         for (const p of v) {
           const y = p instanceof File ? p.size : p?.fileSize || p?.file?.size || p?.size;
-          if (y !== void 0 && y > l) {
+          if (y !== void 0 && y > a) {
             i = `${c} size must be less than ${e.maxFileSize}MB`;
             break;
           }
@@ -54,94 +65,94 @@ function Fe(L) {
       }
     }
     if (!i && (e.type === "file" || e.type === "fileUploader") && (e.props?.multiple || e.maxFiles)) {
-      const l = e.maxFiles || e.props?.maxFiles;
-      l && Array.isArray(s) && s.length > l && (i = `Maximum ${l} files allowed`);
+      const a = e.maxFiles || e.props?.maxFiles;
+      a && Array.isArray(s) && s.length > a && (i = `Maximum ${a} files allowed`);
     }
     if (!i && e.validation) {
-      b.value[o] = !0;
+      h(r, !0);
       try {
         i = await e.validation({
           value: s,
-          values: r.value,
-          globalValues: r.value,
-          isUpdate: h
+          values: o.value,
+          globalValues: o.value,
+          isUpdate: F
         });
-      } catch (l) {
-        console.error(`[useForm] Validation error in field ${o}:`, l), i = "Validation failed";
+      } catch (a) {
+        console.error(`[useForm] Validation error in field ${r}:`, a), i = "Validation failed";
       } finally {
-        b.value[o] = !1;
+        h(r, !1);
       }
     }
-    if (i ? m.value[o] = i : delete m.value[o], e.type === "customFields" && e.props?.schema) {
-      const l = e.props.schema, v = Array.isArray(s) ? s : [];
+    if (S(r, i), e.type === "customFields" && e.props?.schema) {
+      const a = e.props.schema, v = Array.isArray(s) ? s : [];
       let p = !1;
       for (let y = 0; y < v.length; y++) {
-        const u = { values: v[y] || {}, globalValues: r.value, isUpdate: h };
-        for (const n of l) {
-          const g = !n.when || $(n.when, u), d = $(n.disabled, u);
-          g && !d ? await k(n, `${o}.${y}`) && (p = !0) : delete m.value[`${o}.${y}.${n.name}`];
+        const u = { values: v[y] || {}, globalValues: o.value, isUpdate: F };
+        for (const n of a) {
+          const V = !n.when || j(n.when, u), d = j(n.disabled, u);
+          V && !d ? await B(n, `${r}.${y}`) && (p = !0) : S(`${r}.${y}.${n.name}`, "");
         }
       }
-      p && !i && (i = "Please fix errors in the list.", m.value[o] = i);
+      p && !i && (i = "Please fix errors in the list.", S(r, i));
     }
     return i;
-  }, H = async () => {
-    P();
+  }, J = async () => {
+    k();
     let e = !0;
-    for (const a of j.value) {
-      if (!S(a) || T(a)) continue;
-      await k(a) && (e = !1);
+    for (const t of U.value) {
+      if (!$(t) || L(t)) continue;
+      await B(t) && (e = !1);
     }
     return e;
-  }, X = async (e, a, o) => {
-    const s = j.value.filter((t) => t.name === e);
-    let i = s.find((t) => S(t));
-    if (!i && s.length > 0 && (i = s[0]), i && (!S(i) || T(i) || W(i))) {
+  }, Y = async (e, t, r) => {
+    const s = U.value.filter((l) => l.name === e);
+    let i = s.find((l) => $(l));
+    if (!i && s.length > 0 && (i = s[0]), i && (!$(i) || L(i) || G(i))) {
       console.warn(`[vlite3/useForm] Blocked attempted update to disabled/readonly/hidden field: ${e}`);
       return;
     }
-    if (r.value = E(r.value, e, a), A.value = !0, delete m.value[e], i?.updateValues) {
-      b.value[e] = !0;
+    if (o.value = I(o.value, e, t), z.value = !0, S(e, ""), i?.updateValues) {
+      h(e, !0);
       try {
-        const t = await i.updateValues({
-          value: a,
+        const l = await i.updateValues({
+          value: t,
           // Exposing the explicitly requested value
-          values: r.value,
-          globalValues: r.value,
-          data: o,
-          isUpdate: h,
-          updateError: R
+          values: o.value,
+          globalValues: o.value,
+          data: r,
+          isUpdate: F,
+          updateError: H
         });
-        t && typeof t == "object" && (r.value = { ...r.value, ...t });
-      } catch (t) {
-        console.error(`[useForm] Error in updateValues for ${e}:`, t);
+        l && typeof l == "object" && (o.value = { ...o.value, ...l });
+      } catch (l) {
+        console.error(`[useForm] Error in updateValues for ${e}:`, l);
       } finally {
-        b.value[e] = !1;
+        h(e, !1);
       }
     }
-  }, Y = async () => {
-    const e = V(r.value), a = ie(z.value, e, r.value, h), o = (t, c) => {
-      let l = null;
-      t instanceof File ? l = t : t && typeof t == "object" && t.file instanceof File && (l = t.file);
+  }, Z = async () => {
+    const e = A(o.value), t = re(x.value, e, o.value, F), r = (l, c) => {
+      let a = null;
+      l instanceof File ? a = l : l && typeof l == "object" && l.file instanceof File && (a = l.file);
       const v = {
-        ...typeof t == "object" ? t : {},
-        fileName: t?.fileName || l?.name || c.split("/").pop() || "unknown",
+        ...typeof l == "object" ? l : {},
+        fileName: l?.fileName || a?.name || c.split("/").pop() || "unknown",
         fileUrl: c,
-        fileType: t?.fileType || l?.type || "application/octet-stream",
-        fileSize: t?.fileSize || l?.size || 0
+        fileType: l?.fileType || a?.type || "application/octet-stream",
+        fileSize: l?.fileSize || a?.size || 0
       };
       return delete v.file, delete v.base64, v;
-    }, s = a.map(async (t) => {
-      const { name: c, value: l, field: v } = t;
-      if (t.type === "thumbnailSelector") {
-        const f = l, u = Array.isArray(f.images) ? f.images : [], n = f.thumbnail;
-        b.value[c] = !0;
+    }, s = t.map(async (l) => {
+      const { name: c, value: a, field: v } = l;
+      if (l.type === "thumbnailSelector") {
+        const f = a, u = Array.isArray(f.images) ? f.images : [], n = f.thumbnail;
+        h(c, !0);
         try {
-          const g = await Promise.all(
+          const V = await Promise.all(
             u.map(async (w) => {
               if (w.startsWith("data:image/")) {
-                const B = await (await fetch(w)).blob(), ee = new File([B], `thumbnail-${Date.now()}.${B.type.split("/")[1] || "jpg"}`, { type: B.type });
-                return await I(ee, U) || w;
+                const q = await (await fetch(w)).blob(), te = new File([q], `thumbnail-${Date.now()}.${q.type.split("/")[1] || "jpg"}`, { type: q.type });
+                return await O(te, C) || w;
               }
               return w;
             })
@@ -149,23 +160,23 @@ function Fe(L) {
           let d = n;
           if (n && n.startsWith("data:image/")) {
             const w = u.indexOf(n);
-            w !== -1 && g[w] && (d = g[w]);
+            w !== -1 && V[w] && (d = V[w]);
           }
-          return { name: c, value: { images: g, thumbnail: d } };
+          return { name: c, value: { images: V, thumbnail: d } };
         } finally {
-          b.value[c] = !1;
+          h(c, !1);
         }
       }
-      const p = v.returnFileObject === !0, y = Array.isArray(l) ? l.some(
+      const p = v.returnFileObject === !0, y = Array.isArray(a) ? a.some(
         (f) => f instanceof File || f && typeof f == "object" && f.file instanceof File
-      ) : l instanceof File || l && typeof l == "object" && l.file instanceof File;
-      y && (b.value[c] = !0);
+      ) : a instanceof File || a && typeof a == "object" && a.file instanceof File;
+      y && h(c, !0);
       try {
-        if (Array.isArray(l)) {
-          const f = l.map(async (n) => {
+        if (Array.isArray(a)) {
+          const f = a.map(async (n) => {
             if (n instanceof File || n && typeof n == "object" && n.file instanceof File) {
-              const d = await I(n, U);
-              return d ? p ? o(n, d) : d : null;
+              const d = await O(n, C);
+              return d ? p ? r(n, d) : d : null;
             }
             if (n && typeof n == "object") {
               const d = { ...n };
@@ -175,83 +186,83 @@ function Fe(L) {
           }), u = await Promise.all(f);
           return { name: c, value: u };
         } else {
-          if (l instanceof File || l && typeof l == "object" && l.file instanceof File) {
-            const u = await I(l, U);
+          if (a instanceof File || a && typeof a == "object" && a.file instanceof File) {
+            const u = await O(a, C);
             if (u)
-              return { name: c, value: p ? o(l, u) : u };
-          } else if (l && typeof l == "object") {
-            const u = { ...l };
+              return { name: c, value: p ? r(a, u) : u };
+          } else if (a && typeof a == "object") {
+            const u = { ...a };
             return delete u.file, delete u.base64, { name: c, value: u };
           }
           return null;
         }
       } finally {
-        y && (b.value[c] = !1);
+        y && h(c, !1);
       }
     });
-    return (await Promise.all(s)).forEach((t) => {
-      t && (Object.assign(e, E(e, t.name, t.value)), r.value = E(r.value, t.name, t.value));
+    return (await Promise.all(s)).forEach((l) => {
+      l && (Object.assign(e, I(e, l.name, l.value)), o.value = I(o.value, l.name, l.value));
     }), e;
-  }, Z = (e) => {
-    const a = { ...e };
-    for (const o of j.value)
-      if (S(o) && o.type === "customFields" && o.props?.schema) {
-        const s = J(a, o.name);
+  }, _ = (e) => {
+    const t = { ...e };
+    for (const r of U.value)
+      if ($(r) && r.type === "customFields" && r.props?.schema) {
+        const s = K(t, r.name);
         if (Array.isArray(s)) {
-          const i = oe(s, o.props.schema);
-          Object.assign(a, E(a, o.name, i));
+          const i = oe(s, r.props.schema);
+          Object.assign(t, I(t, r.name, i));
         }
       }
-    return a;
+    return t;
   };
   return {
-    formValues: r,
+    formValues: o,
     errors: m,
-    isSubmitting: C,
-    isDirty: A,
-    fieldLoading: b,
-    handleFieldChange: X,
-    validateField: k,
-    validateAll: H,
-    isFieldVisible: S,
-    isFieldDisabled: T,
-    isFieldReadonly: W,
-    getFieldValue: M,
-    getFieldError: Q,
-    setFieldError: R,
-    clearErrors: P,
+    isSubmitting: D,
+    isDirty: z,
+    fieldLoading: E,
+    handleFieldChange: Y,
+    validateField: B,
+    validateAll: J,
+    isFieldVisible: $,
+    isFieldDisabled: L,
+    isFieldReadonly: G,
+    getFieldValue: W,
+    getFieldError: X,
+    setFieldError: H,
+    clearErrors: k,
     resetForm: () => {
-      r.value = V(D.value), P(), A.value = !1;
+      o.value = A(N.value), k(), z.value = !1;
     },
     handleSubmit: async () => {
-      if (await H()) {
-        C.value = !0;
+      if (await J()) {
+        D.value = !0;
         try {
-          let a = await Y();
-          a = Z(a), a = await se(
-            a,
-            z.value,
-            L.emitFields,
+          let t = await Z();
+          t = _(t), t = await ie(
+            t,
+            x.value,
+            M.emitFields,
             void 0,
-            r.value,
-            h
-          ), q && await q({
-            values: a,
-            isUpdate: h
-          }), A.value = !1, D.value = V(a);
-        } catch (a) {
-          throw console.error("[useForm] Submit error:", a), a;
+            o.value,
+            F
+          ), R && await R({
+            values: t,
+            isUpdate: F
+          }), z.value = !1, N.value = A(t);
+        } catch (t) {
+          throw console.error("[useForm] Submit error:", t), t;
         } finally {
-          C.value = !1;
+          D.value = !1;
         }
       }
     },
-    flatSchema: j,
-    reinitialize: async (e, a) => {
-      e !== void 0 && (z.value = e), a !== void 0 && (F = a), await N(a !== void 0 ? a : F);
+    flatSchema: U,
+    reinitialize: async (e, t) => {
+      e !== void 0 && (x.value = e), t !== void 0 && (b = t), await P(t !== void 0 ? t : b);
     }
   };
 }
 export {
-  Fe as useForm
+  he as useForm
 };

package/components/Form/index.vue2.js

@@ -1,12 +1,12 @@
 import { defineComponent as b, computed as d, openBlock as n, createElementBlock as g, createElementVNode as R, createBlock as r, withCtx as x, createTextVNode as k, toDisplayString as I, createCommentVNode as v, unref as l } from "vue";
 import B from "./TableView.vue.js";
-import C from "./AccordionView.vue.js";
+import C from "./AccordionView.vue2.js";
 import U from "../Label.vue.js";
 import N from "../Button.vue.js";
-import { useCustomFieldRows as F } from "./composables/useCustomFieldRows.js";
-import { createRowHelpers as T } from "./rowHelpers.js";
+import { useCustomFieldRows as V } from "./composables/useCustomFieldRows.js";
+import { createRowHelpers as A } from "./rowHelpers.js";
 import { resolveI18nText as s } from "../../utils/i18n.js";
-const V = { class: "custom-fields-wrapper min-w-0 w-full" }, A = { class: "flex justify-between items-center mb-2" }, O = /* @__PURE__ */ b({
+const F = { class: "custom-fields-wrapper min-w-0 w-full" }, T = { class: "flex justify-between items-center mb-2" }, O = /* @__PURE__ */ b({
   name: "CustomFields",
   __name: "index",
   props: {
@@ -42,7 +42,7 @@ const V = { class: "custom-fields-wrapper min-w-0 w-full" }, A = { class: "flex
         "vlite.customFields.emptyDescription",
         "Add a new item to get started"
       ) ?? "Add a new item to get started"
-    ), t = F(
+    ), t = V(
       {
         // Getters (not snapshots) — see the long-form note in the composable
         // file. The `watch(() => options.modelValue, ...)` source must
@@ -64,7 +64,7 @@ const V = { class: "custom-fields-wrapper min-w-0 w-full" }, A = { class: "flex
       o.labelI18n,
       typeof o.label == "string" ? o.label : o.name
     ) ?? o.name : typeof o.label == "string" ? o.label : o.name)), p = d(() => e.schema.slice(0, c.value.length)), w = d(
-      () => T({
+      () => A({
         rows: t.rows.value,
         schema: e.schema,
         name: e.name,
@@ -73,8 +73,8 @@ const V = { class: "custom-fields-wrapper min-w-0 w-full" }, A = { class: "flex
         errors: e.errors
       })
     ), y = d(() => s(e.labelI18n, e.label ?? "Item") ?? "Item");
-    return (o, z) => (n(), g("div", V, [
-      R("div", A, [
+    return (o, z) => (n(), g("div", F, [
+      R("div", T, [
         i.value ? (n(), r(U, {
           key: 0,
           class: "text-sm font-medium text-foreground"

package/components/Form/utils/form.utils.d.ts

@@ -11,6 +11,8 @@ export declare function isComponent(value: any): boolean;
  * Resolves the dynamic field type evaluator (if present) to return the actual field type component or string
  */
 export declare function resolveFieldType(field: IForm, context: IFormContext): IFormFieldType | undefined;
+/** Field controls that render and ARIA-link their own validation message. */
+export declare function fieldRendersOwnErrorMessage(type: unknown): boolean;
 /**
  * Get a nested value from an object using dot notation path
  * @example getNestedValue({ pricing: { amount: 100 } }, 'pricing.amount') => 100

package/components/Form/utils/form.utils.js

@@ -1,11 +1,11 @@
-function E(e) {
+function U(e) {
   return !!e && typeof e == "object";
 }
-function U(e) {
+function k(e) {
   return e ? typeof e == "object" && (typeof e.render == "function" || typeof e.setup == "function" || e.__name !== void 0 || e.name !== void 0) : !1;
 }
 function b(e, n) {
-  if (typeof e.type == "function" && !U(e.type))
+  if (typeof e.type == "function" && !k(e.type))
     try {
       return e.type(n);
     } catch (i) {
@@ -13,6 +13,9 @@ function b(e, n) {
     }
   return e.type;
 }
+function P(e) {
+  return e === "richTextEditor";
+}
 function y(e, n) {
   if (!n || !e) return;
   const i = n.split(".");
@@ -33,8 +36,8 @@ function A(e, n, i) {
   }
   return a[f[f.length - 1]] = i, o;
 }
-function k(e, n) {
-  return !E(n) || !n.name ? e : y(e, n.name) === void 0 && n.value !== void 0 ? A(e, n.name, n.value) : e;
+function E(e, n) {
+  return !U(n) || !n.name ? e : y(e, n.name) === void 0 && n.value !== void 0 ? A(e, n.name, n.value) : e;
 }
 async function T(e, n, i, f) {
   let o = n ? S(n) : {};
@@ -64,7 +67,7 @@ async function T(e, n, i, f) {
         Object.assign(o, A(o, t.name, s));
     } else
       Object.assign(o, A(o, t.name, s));
-    if (o = k(o, t.addonLeft), o = k(o, t.addonRight), b(t, h) === "customFields" && t.props?.schema) {
+    if (o = E(o, t.addonLeft), o = E(o, t.addonRight), b(t, h) === "customFields" && t.props?.schema) {
       const u = t.props.schema;
       let r = y(o, t.name);
       if (Array.isArray(r) && r.length > 0) {
@@ -80,7 +83,7 @@ async function T(e, n, i, f) {
 function v(e, n) {
   return e === void 0 ? !1 : typeof e == "boolean" ? e : typeof e == "function" ? e(n) : !1;
 }
-function P(e, n) {
+function $(e, n) {
   return Array.isArray(e) ? e.filter((i) => i ? !n.every((o) => {
     const a = i[o.name];
     return a == null || a === "";
@@ -89,7 +92,7 @@ function P(e, n) {
 function N(e) {
   return typeof e == "string" && e.startsWith("data:image/");
 }
-function $(e, n, i, f) {
+function D(e, n, i, f) {
   const o = [], a = i || n, c = Array.isArray(e[0]) ? e.flat() : e;
   for (const t of c) {
     if (!t.name) continue;
@@ -118,7 +121,7 @@ function $(e, n, i, f) {
     if (m === "customFields" && t.props?.schema) {
       const s = y(n, t.name);
       if (Array.isArray(s)) {
-        const r = t.props.schema.filter((p) => !U(p.type));
+        const r = t.props.schema.filter((p) => !k(p.type));
         r.length > 0 && s.forEach((p, l) => {
           r.forEach((g) => {
             const F = { values: p || {}, globalValues: a, isUpdate: f };
@@ -205,14 +208,15 @@ async function K(e, n, i, f, o, a) {
 }
 export {
   K as cleanSubmitValues,
-  $ as collectFileFields,
+  D as collectFileFields,
   S as deepClone,
   v as evaluateConditional,
-  P as filterNullCustomFields,
+  P as fieldRendersOwnErrorMessage,
+  $ as filterNullCustomFields,
   y as getNestedValue,
   T as initializeFormValues,
-  E as isAddonObject,
-  U as isComponent,
+  U as isAddonObject,
+  k as isComponent,
   b as resolveFieldType,
   A as setNestedValue
 };

package/components/GoogleMap.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<GoogleMapProps, {},
     height: string | number;
     options: import('..').GoogleMapOptions;
     zoom: number;
-    markers: GoogleMapMarker[];
     ariaLabel: string;
+    markers: GoogleMapMarker[];
     loadingText: string;
     errorText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {