@vue/compat 3.4.0-beta.3 → 3.4.0-rc.1

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

@@ -1899,8 +1899,10 @@ function checkRecursiveUpdates(seen, fn) {
     if (count > RECURSION_LIMIT) {
       const instance = fn.ownerInstance;
       const componentName = instance && getComponentName(instance.type);
-      warn(
-        `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`
+      handleError(
+        `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`,
+        null,
+        10
       );
       return true;
     } else {
@@ -6452,7 +6454,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.0-beta.3"}`;
+  Vue.version = `2.6.14-compat:${"3.4.0-rc.1"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -8193,9 +8195,9 @@ function propHasMismatch(el, key, clientValue) {
   let actual;
   let expected;
   if (key === "class") {
-    actual = el.className;
-    expected = normalizeClass(clientValue);
-    if (actual !== expected) {
+    actual = toClassSet(el.getAttribute("class") || "");
+    expected = toClassSet(normalizeClass(clientValue));
+    if (!isSetEqual(actual, expected)) {
       mismatchType = mismatchKey = `class`;
     }
   } else if (key === "style") {
@@ -8227,6 +8229,20 @@ function propHasMismatch(el, key, clientValue) {
   }
   return false;
 }
+function toClassSet(str) {
+  return new Set(str.trim().split(/\s+/));
+}
+function isSetEqual(a, b) {
+  if (a.size !== b.size) {
+    return false;
+  }
+  for (const s of a) {
+    if (!b.has(s)) {
+      return false;
+    }
+  }
+  return true;
+}
 
 let supported;
 let perf;
@@ -11240,7 +11256,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0-beta.3";
+const version = "3.4.0-rc.1";
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const _ssrUtils = {
   createComponentInstance,
@@ -12748,7 +12764,9 @@ const modifierGuards = {
   exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
 };
 const withModifiers = (fn, modifiers) => {
-  return fn._withMods || (fn._withMods = (event, ...args) => {
+  const cache = fn._withMods || (fn._withMods = {});
+  const cacheKey = modifiers.join(".");
+  return cache[cacheKey] || (cache[cacheKey] = (event, ...args) => {
     for (let i = 0; i < modifiers.length; i++) {
       const guard = modifierGuards[modifiers[i]];
       if (guard && guard(event, modifiers))
@@ -12783,7 +12801,9 @@ const withKeys = (fn, modifiers) => {
       );
     }
   }
-  return fn._withKeys || (fn._withKeys = (event) => {
+  const cache = fn._withKeys || (fn._withKeys = {});
+  const cacheKey = modifiers.join(".");
+  return cache[cacheKey] || (cache[cacheKey] = (event) => {
     if (!("key" in event)) {
       return;
     }

package/dist/vue.runtime.global.js

@@ -1896,8 +1896,10 @@ var Vue = (function () {
       if (count > RECURSION_LIMIT) {
         const instance = fn.ownerInstance;
         const componentName = instance && getComponentName(instance.type);
-        warn(
-          `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`
+        handleError(
+          `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`,
+          null,
+          10
         );
         return true;
       } else {
@@ -6415,7 +6417,7 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.4.0-beta.3"}`;
+    Vue.version = `2.6.14-compat:${"3.4.0-rc.1"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -8143,9 +8145,9 @@ Server rendered element contains fewer child nodes than client vdom.`
     let actual;
     let expected;
     if (key === "class") {
-      actual = el.className;
-      expected = normalizeClass(clientValue);
-      if (actual !== expected) {
+      actual = toClassSet(el.getAttribute("class") || "");
+      expected = toClassSet(normalizeClass(clientValue));
+      if (!isSetEqual(actual, expected)) {
         mismatchType = mismatchKey = `class`;
       }
     } else if (key === "style") {
@@ -8177,6 +8179,20 @@ Server rendered element contains fewer child nodes than client vdom.`
     }
     return false;
   }
+  function toClassSet(str) {
+    return new Set(str.trim().split(/\s+/));
+  }
+  function isSetEqual(a, b) {
+    if (a.size !== b.size) {
+      return false;
+    }
+    for (const s of a) {
+      if (!b.has(s)) {
+        return false;
+      }
+    }
+    return true;
+  }
 
   let supported;
   let perf;
@@ -11113,7 +11129,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.0-beta.3";
+  const version = "3.4.0-rc.1";
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const ssrUtils = null;
   const resolveFilter = resolveFilter$1 ;
@@ -12560,7 +12576,9 @@ Component that was made reactive: `,
     exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
   };
   const withModifiers = (fn, modifiers) => {
-    return fn._withMods || (fn._withMods = (event, ...args) => {
+    const cache = fn._withMods || (fn._withMods = {});
+    const cacheKey = modifiers.join(".");
+    return cache[cacheKey] || (cache[cacheKey] = (event, ...args) => {
       for (let i = 0; i < modifiers.length; i++) {
         const guard = modifierGuards[modifiers[i]];
         if (guard && guard(event, modifiers))
@@ -12595,7 +12613,9 @@ Component that was made reactive: `,
         );
       }
     }
-    return fn._withKeys || (fn._withKeys = (event) => {
+    const cache = fn._withKeys || (fn._withKeys = {});
+    const cacheKey = modifiers.join(".");
+    return cache[cacheKey] || (cache[cacheKey] = (event) => {
       if (!("key" in event)) {
         return;
       }