@cabloy/vue-runtime-core 3.4.40 → 3.4.42

package/dist/runtime-core.cjs.js

@@ -3854,6 +3854,12 @@ function createHydrationFunctions(rendererInternals) {
     }
     return nextNode;
   };
+  function _getValidZova(instance) {
+    while (instance) {
+      if (instance.zova) return instance.zova;
+      instance = instance.parent;
+    }
+  }
   const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
     optimized = optimized || !!vnode.dynamicChildren;
     const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode;
@@ -3916,10 +3922,29 @@ Server rendered element contains more child nodes than client vdom.`
         {
           const isCustomElement = el.tagName.includes("-");
           for (const key in props) {
-            if (// #11189 skip if this node has directives that have created hooks
-            // as it could have mutated the DOM in any possible way
-            !(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) {
-              logMismatchError();
+            let ignore;
+            let clientValue = props[key];
+            const zova = _getValidZova(parentComponent);
+            if (zova) {
+              const res = zova.meta.ssr._hydratePropHasMismatch(
+                el,
+                key,
+                clientValue,
+                vnode,
+                parentComponent
+              );
+              if (res.ignore) {
+                ignore = true;
+              } else {
+                clientValue = res.clientValue;
+              }
+            }
+            if (!ignore) {
+              if (// #11189 skip if this node has directives that have created hooks
+              // as it could have mutated the DOM in any possible way
+              !(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, clientValue, vnode, parentComponent)) {
+                logMismatchError();
+              }
             }
             if (forcePatch && (key.endsWith("value") || key === "indeterminate") || shared.isOn(key) && !shared.isReservedProp(key) || // force hydrate v-bind with .prop modifiers
             key[0] === "." || isCustomElement) {
@@ -4098,27 +4123,11 @@ Server rendered element contains fewer child nodes than client vdom.`
   };
   return [hydrate, hydrateNode];
 }
-function _getValidZova(instance) {
-  while (instance) {
-    if (instance.zova) return instance.zova;
-    instance = instance.parent;
-  }
-}
 function propHasMismatch(el, key, clientValue, vnode, instance) {
   let mismatchType;
   let mismatchKey;
   let actual;
   let expected;
-  const zova = _getValidZova(instance);
-  if (zova) {
-    clientValue = zova.meta.ssr._hydratePropHasMismatch(
-      el,
-      key,
-      clientValue,
-      vnode,
-      instance
-    );
-  }
   if (key === "class") {
     actual = el.getAttribute("class");
     expected = shared.normalizeClass(clientValue);

package/dist/runtime-core.cjs.prod.js

@@ -2903,6 +2903,12 @@ function createHydrationFunctions(rendererInternals) {
     }
     return nextNode;
   };
+  function _getValidZova(instance) {
+    while (instance) {
+      if (instance.zova) return instance.zova;
+      instance = instance.parent;
+    }
+  }
   const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
     optimized = optimized || !!vnode.dynamicChildren;
     const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode;
@@ -2948,6 +2954,20 @@ function createHydrationFunctions(rendererInternals) {
         if (forcePatch || !optimized || patchFlag & (16 | 32)) {
           const isCustomElement = el.tagName.includes("-");
           for (const key in props) {
+            let clientValue = props[key];
+            const zova = _getValidZova(parentComponent);
+            if (zova) {
+              const res = zova.meta.ssr._hydratePropHasMismatch(
+                el,
+                key,
+                clientValue,
+                vnode,
+                parentComponent
+              );
+              if (res.ignore) ; else {
+                clientValue = res.clientValue;
+              }
+            }
             if (forcePatch && (key.endsWith("value") || key === "indeterminate") || shared.isOn(key) && !shared.isReservedProp(key) || // force hydrate v-bind with .prop modifiers
             key[0] === "." || isCustomElement) {
               patchProp(el, key, null, props[key], void 0, parentComponent);

package/dist/runtime-core.esm-bundler.js

@@ -3860,6 +3860,12 @@ function createHydrationFunctions(rendererInternals) {
     }
     return nextNode;
   };
+  function _getValidZova(instance) {
+    while (instance) {
+      if (instance.zova) return instance.zova;
+      instance = instance.parent;
+    }
+  }
   const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
     optimized = optimized || !!vnode.dynamicChildren;
     const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode;
@@ -3922,10 +3928,29 @@ Server rendered element contains more child nodes than client vdom.`
         if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ || forcePatch || !optimized || patchFlag & (16 | 32)) {
           const isCustomElement = el.tagName.includes("-");
           for (const key in props) {
-            if ((!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && // #11189 skip if this node has directives that have created hooks
-            // as it could have mutated the DOM in any possible way
-            !(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) {
-              logMismatchError();
+            let ignore;
+            let clientValue = props[key];
+            const zova = _getValidZova(parentComponent);
+            if (zova) {
+              const res = zova.meta.ssr._hydratePropHasMismatch(
+                el,
+                key,
+                clientValue,
+                vnode,
+                parentComponent
+              );
+              if (res.ignore) {
+                ignore = true;
+              } else {
+                clientValue = res.clientValue;
+              }
+            }
+            if (!ignore) {
+              if ((!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && // #11189 skip if this node has directives that have created hooks
+              // as it could have mutated the DOM in any possible way
+              !(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, clientValue, vnode, parentComponent)) {
+                logMismatchError();
+              }
             }
             if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
             key[0] === "." || isCustomElement) {
@@ -4115,27 +4140,11 @@ Server rendered element contains fewer child nodes than client vdom.`
   };
   return [hydrate, hydrateNode];
 }
-function _getValidZova(instance) {
-  while (instance) {
-    if (instance.zova) return instance.zova;
-    instance = instance.parent;
-  }
-}
 function propHasMismatch(el, key, clientValue, vnode, instance) {
   let mismatchType;
   let mismatchKey;
   let actual;
   let expected;
-  const zova = _getValidZova(instance);
-  if (zova) {
-    clientValue = zova.meta.ssr._hydratePropHasMismatch(
-      el,
-      key,
-      clientValue,
-      vnode,
-      instance
-    );
-  }
   if (key === "class") {
     actual = el.getAttribute("class");
     expected = normalizeClass(clientValue);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cabloy/vue-runtime-core",
-  "version": "3.4.40",
+  "version": "3.4.42",
   "description": "@vue/runtime-core",
   "main": "index.js",
   "module": "dist/runtime-core.esm-bundler.js",
@@ -47,6 +47,6 @@
   "homepage": "https://github.com/vuejs/core/tree/main/packages/runtime-core#readme",
   "dependencies": {
     "@vue/shared": "3.4.37",
-    "@vue/reactivity": "npm:@cabloy/vue-reactivity@3.4.40"
+    "@vue/reactivity": "npm:@cabloy/vue-reactivity@3.4.42"
   }
 }