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

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

@@ -6454,7 +6454,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.0-beta.4"}`;
+  Vue.version = `2.6.14-compat:${"3.4.0-rc.1"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -8195,9 +8195,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") {
@@ -8229,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;
@@ -11242,7 +11256,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/vue.runtime.global.js

@@ -6417,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.4"}`;
+    Vue.version = `2.6.14-compat:${"3.4.0-rc.1"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -8145,9 +8145,9 @@ Server rendered element contains fewer child nodes than client vdom.`
     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") {
@@ -8179,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;
@@ -11115,7 +11129,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.0-beta.4";
+  const version = "3.4.0-rc.1";
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const ssrUtils = null;
   const resolveFilter = resolveFilter$1 ;