@vue/compat 3.4.26 → 3.4.27

package/dist/vue.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.26
+* @vue/compat v3.4.27
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -216,8 +216,8 @@ function stringifyStyle(styles) {
   }
   for (const key in styles) {
     const value = styles[key];
-    const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
     if (isString(value) || typeof value === "number") {
+      const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
       ret += `${normalizedKey}:${value};`;
     }
   }
@@ -5645,14 +5645,7 @@ function installCompatInstanceProperties(map) {
     },
     $scopedSlots: (i) => {
       assertCompatEnabled("INSTANCE_SCOPED_SLOTS", i);
-      const res = {};
-      for (const key in i.slots) {
-        const fn = i.slots[key];
-        if (!fn._ns) {
-          res[key] = fn;
-        }
-      }
-      return res;
+      return shallowReadonly(i.slots) ;
     },
     $on: (i) => on.bind(null, i),
     $once: (i) => once.bind(null, i),
@@ -6623,7 +6616,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.26"}`;
+  Vue.version = `2.6.14-compat:${"3.4.27"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -8361,7 +8354,7 @@ function propHasMismatch(el, key, clientValue, vnode, instance) {
       mismatchType = mismatchKey = `class`;
     }
   } else if (key === "style") {
-    actual = el.getAttribute("style");
+    actual = el.getAttribute("style") || "";
     expected = isString(clientValue) ? clientValue : stringifyStyle(normalizeStyle(clientValue));
     const actualMap = toStyleMap(actual);
     const expectedMap = toStyleMap(expected);
@@ -11473,7 +11466,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.26";
+const version = "3.4.27";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -18936,7 +18929,7 @@ function processSlotOutlet(node, context) {
   };
 }
 
-const fnExpRE = /^\s*([\w$_]+|(async\s*)?\([^)]*?\))\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
+const fnExpRE = /^\s*(async\s*)?(\([^)]*?\)|[\w$_]+)\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
 const transformOn$1 = (dir, node, context, augmentor) => {
   const { loc, modifiers, arg } = dir;
   if (!dir.exp && !modifiers.length) {
@@ -20020,6 +20013,7 @@ function analyzeNode(node) {
     return false;
   };
   function walk(node2) {
+    const isOptionTag = node2.tag === "option" && node2.ns === 0;
     for (let i = 0; i < node2.props.length; i++) {
       const p = node2.props[i];
       if (p.type === 6 && !isStringifiableAttr(p.name, node2.ns)) {
@@ -20032,6 +20026,9 @@ function analyzeNode(node) {
         if (p.exp && (p.exp.type === 8 || p.exp.constType < 3)) {
           return bail();
         }
+        if (isOptionTag && isStaticArgOf(p.arg, "value") && p.exp && p.exp.ast && p.exp.ast.type !== "StringLiteral") {
+          return bail();
+        }
       }
     }
     for (let i = 0; i < node2.children.length; i++) {

package/dist/vue.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.26
+* @vue/compat v3.4.27
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -153,8 +153,8 @@ function stringifyStyle(styles) {
   }
   for (const key in styles) {
     const value = styles[key];
-    const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
     if (isString(value) || typeof value === "number") {
+      const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
       ret += `${normalizedKey}:${value};`;
     }
   }
@@ -4552,14 +4552,7 @@ function installCompatInstanceProperties(map) {
     },
     $scopedSlots: (i) => {
       assertCompatEnabled("INSTANCE_SCOPED_SLOTS", i);
-      const res = {};
-      for (const key in i.slots) {
-        const fn = i.slots[key];
-        if (!fn._ns) {
-          res[key] = fn;
-        }
-      }
-      return res;
+      return i.slots;
     },
     $on: (i) => on.bind(null, i),
     $once: (i) => once.bind(null, i),
@@ -5281,7 +5274,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.26"}`;
+  Vue.version = `2.6.14-compat:${"3.4.27"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -9143,7 +9136,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.26";
+const version = "3.4.27";
 const warn$1 = NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = void 0;
@@ -16303,7 +16296,7 @@ function processSlotOutlet(node, context) {
   };
 }
 
-const fnExpRE = /^\s*([\w$_]+|(async\s*)?\([^)]*?\))\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
+const fnExpRE = /^\s*(async\s*)?(\([^)]*?\)|[\w$_]+)\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
 const transformOn$1 = (dir, node, context, augmentor) => {
   const { loc, modifiers, arg } = dir;
   if (!dir.exp && !modifiers.length) {
@@ -17313,6 +17306,7 @@ function analyzeNode(node) {
     return false;
   };
   function walk(node2) {
+    const isOptionTag = node2.tag === "option" && node2.ns === 0;
     for (let i = 0; i < node2.props.length; i++) {
       const p = node2.props[i];
       if (p.type === 6 && !isStringifiableAttr(p.name, node2.ns)) {
@@ -17325,6 +17319,9 @@ function analyzeNode(node) {
         if (p.exp && (p.exp.type === 8 || p.exp.constType < 3)) {
           return bail();
         }
+        if (isOptionTag && isStaticArgOf(p.arg, "value") && p.exp && p.exp.ast && p.exp.ast.type !== "StringLiteral") {
+          return bail();
+        }
       }
     }
     for (let i = 0; i < node2.children.length; i++) {

package/dist/vue.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.26
+* @vue/compat v3.4.27
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -205,8 +205,8 @@ function stringifyStyle(styles) {
   }
   for (const key in styles) {
     const value = styles[key];
-    const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
     if (isString(value) || typeof value === "number") {
+      const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
       ret += `${normalizedKey}:${value};`;
     }
   }
@@ -5567,14 +5567,7 @@ function installCompatInstanceProperties(map) {
     },
     $scopedSlots: (i) => {
       assertCompatEnabled("INSTANCE_SCOPED_SLOTS", i);
-      const res = {};
-      for (const key in i.slots) {
-        const fn = i.slots[key];
-        if (!fn._ns) {
-          res[key] = fn;
-        }
-      }
-      return res;
+      return shallowReadonly(i.slots) ;
     },
     $on: (i) => on.bind(null, i),
     $once: (i) => once.bind(null, i),
@@ -6545,7 +6538,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.26"}`;
+  Vue.version = `2.6.14-compat:${"3.4.27"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -8283,7 +8276,7 @@ function propHasMismatch(el, key, clientValue, vnode, instance) {
       mismatchType = mismatchKey = `class`;
     }
   } else if (key === "style") {
-    actual = el.getAttribute("style");
+    actual = el.getAttribute("style") || "";
     expected = isString(clientValue) ? clientValue : stringifyStyle(normalizeStyle(clientValue));
     const actualMap = toStyleMap(actual);
     const expectedMap = toStyleMap(expected);
@@ -11378,7 +11371,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.26";
+const version = "3.4.27";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -17949,7 +17942,7 @@ function processSlotOutlet(node, context) {
   };
 }
 
-const fnExpRE = /^\s*([\w$_]+|(async\s*)?\([^)]*?\))\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
+const fnExpRE = /^\s*(async\s*)?(\([^)]*?\)|[\w$_]+)\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
 const transformOn$1 = (dir, node, context, augmentor) => {
   const { loc, modifiers, arg } = dir;
   if (!dir.exp && !modifiers.length) {