@vue/runtime-core 3.4.0-beta.3 → 3.4.0-rc.1

package/dist/runtime-core.cjs.js

@@ -412,8 +412,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 {
@@ -5053,9 +5055,9 @@ function propHasMismatch(el, key, clientValue) {
   let actual;
   let expected;
   if (key === "class") {
-    actual = el.className;
-    expected = shared.normalizeClass(clientValue);
-    if (actual !== expected) {
+    actual = toClassSet(el.getAttribute("class") || "");
+    expected = toClassSet(shared.normalizeClass(clientValue));
+    if (!isSetEqual(actual, expected)) {
       mismatchType = mismatchKey = `class`;
     }
   } else if (key === "style") {
@@ -5087,6 +5089,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;
@@ -7943,7 +7959,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,

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

@@ -6232,7 +6232,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0-beta.3";
+const version = "3.4.0-rc.1";
 const ErrorTypeStrings = null;
 const _ssrUtils = {
   createComponentInstance,

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

@@ -416,8 +416,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 {
@@ -5073,9 +5075,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") {
@@ -5107,6 +5109,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;
@@ -8017,7 +8033,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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/runtime-core",
-  "version": "3.4.0-beta.3",
+  "version": "3.4.0-rc.1",
   "description": "@vue/runtime-core",
   "main": "index.js",
   "module": "dist/runtime-core.esm-bundler.js",
@@ -32,7 +32,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/runtime-core#readme",
   "dependencies": {
-    "@vue/reactivity": "3.4.0-beta.3",
-    "@vue/shared": "3.4.0-beta.3"
+    "@vue/shared": "3.4.0-rc.1",
+    "@vue/reactivity": "3.4.0-rc.1"
   }
 }