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

package/dist/runtime-core.cjs.js

@@ -5055,9 +5055,9 @@ function propHasMismatch(el, key, clientValue) {
   let actual;
   let expected;
   if (key === "class") {
-    actual = el.getAttribute("class");
-    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") {
@@ -5089,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;
@@ -7945,7 +7959,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0-beta.4";
+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.4";
+const version = "3.4.0-rc.1";
 const ErrorTypeStrings = null;
 const _ssrUtils = {
   createComponentInstance,

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

@@ -5075,9 +5075,9 @@ function propHasMismatch(el, key, clientValue) {
   let actual;
   let expected;
   if (key === "class") {
-    actual = el.getAttribute("class");
-    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") {
@@ -5109,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;
@@ -8019,7 +8033,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0-beta.4";
+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.4",
+  "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/shared": "3.4.0-beta.4",
-    "@vue/reactivity": "3.4.0-beta.4"
+    "@vue/shared": "3.4.0-rc.1",
+    "@vue/reactivity": "3.4.0-rc.1"
   }
 }