@vue/compiler-dom 3.5.43 → 3.5.44

package/dist/compiler-dom.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.5.43
+* @vue/compiler-dom v3.5.44
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -412,7 +412,8 @@ const transformTransition = (node, context) => {
         if (!node.children.length) {
           return;
         }
-        if (hasMultipleChildren(node)) {
+        const multipleChildren = hasMultipleChildren(node);
+        if (multipleChildren) {
           context.onError(
             createDOMCompilerError(
               63,
@@ -607,8 +608,9 @@ function stringifyNode(node, context) {
   }
 }
 function stringifyElement(node, context) {
+  var _a;
   let res = `<${node.tag}`;
-  let innerHTML = "";
+  let innerHTML = void 0;
   for (let i = 0; i < node.props.length; i++) {
     const p = node.props[i];
     if (p.type === 6) {
@@ -642,7 +644,7 @@ function stringifyElement(node, context) {
           )}"`;
         }
       } else if (p.name === "html") {
-        innerHTML = evaluateConstant(p.exp);
+        innerHTML = (_a = evaluateConstant(p.exp)) != null ? _a : "";
       } else if (p.name === "text") {
         innerHTML = shared.escapeHtml(
           shared.toDisplayString(evaluateConstant(p.exp))
@@ -654,7 +656,7 @@ function stringifyElement(node, context) {
     res += ` ${context.scopeId}`;
   }
   res += `>`;
-  if (innerHTML) {
+  if (innerHTML !== void 0) {
     res += innerHTML;
   } else {
     for (let i = 0; i < node.children.length; i++) {
@@ -876,7 +878,8 @@ const validateHtmlNesting = (node, context) => {
 
 const DOMNodeTransforms = [
   transformStyle,
-  ...[transformTransition, validateHtmlNesting] 
+  transformTransition,
+  ...[validateHtmlNesting] 
 ];
 const DOMDirectiveTransforms = {
   cloak: compilerCore.noopDirectiveTransform,

package/dist/compiler-dom.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.5.43
+* @vue/compiler-dom v3.5.44
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -386,6 +386,41 @@ const transformShow = (dir, node, context) => {
   };
 };
 
+const transformTransition = (node, context) => {
+  if (node.type === 1 && node.tagType === 1) {
+    const component = context.isBuiltInComponent(node.tag);
+    if (component === TRANSITION) {
+      return () => {
+        if (!node.children.length) {
+          return;
+        }
+        hasMultipleChildren(node);
+        const child = node.children[0];
+        if (child.type === 1) {
+          for (const p of child.props) {
+            if (p.type === 7 && p.name === "show") {
+              node.props.push({
+                type: 6,
+                name: "persisted",
+                nameLoc: node.loc,
+                value: void 0,
+                loc: node.loc
+              });
+            }
+          }
+        }
+      };
+    }
+  }
+};
+function hasMultipleChildren(node) {
+  const children = node.children = node.children.filter(
+    (c) => !compilerCore.isCommentOrWhitespace(c)
+  );
+  const child = children[0];
+  return children.length !== 1 || child.type === 11 || child.type === 9 && child.branches.some(hasMultipleChildren);
+}
+
 const expReplaceRE = /__VUE_EXP_START__(.*?)__VUE_EXP_END__/g;
 const stringifyStatic = (children, context, parent) => {
   if (context.scopes.vSlot > 0) {
@@ -543,8 +578,9 @@ function stringifyNode(node, context) {
   }
 }
 function stringifyElement(node, context) {
+  var _a;
   let res = `<${node.tag}`;
-  let innerHTML = "";
+  let innerHTML = void 0;
   for (let i = 0; i < node.props.length; i++) {
     const p = node.props[i];
     if (p.type === 6) {
@@ -578,7 +614,7 @@ function stringifyElement(node, context) {
           )}"`;
         }
       } else if (p.name === "html") {
-        innerHTML = evaluateConstant(p.exp);
+        innerHTML = (_a = evaluateConstant(p.exp)) != null ? _a : "";
       } else if (p.name === "text") {
         innerHTML = shared.escapeHtml(
           shared.toDisplayString(evaluateConstant(p.exp))
@@ -590,7 +626,7 @@ function stringifyElement(node, context) {
     res += ` ${context.scopeId}`;
   }
   res += `>`;
-  if (innerHTML) {
+  if (innerHTML !== void 0) {
     res += innerHTML;
   } else {
     for (let i = 0; i < node.children.length; i++) {
@@ -631,6 +667,7 @@ const ignoreSideEffectTags = (node, context) => {
 
 const DOMNodeTransforms = [
   transformStyle,
+  transformTransition,
   ...[]
 ];
 const DOMDirectiveTransforms = {

package/dist/compiler-dom.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.5.43
+* @vue/compiler-dom v3.5.44
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1606,7 +1606,8 @@ const errorMessages = {
   [42]: `v-model value must be a valid JavaScript member expression.`,
   [43]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`,
   [44]: `v-model cannot be used on a prop, because local prop bindings are not writable.
-Use a v-bind binding combined with a v-on listener that emits update:x event instead.`,
+Use a v-bind binding combined with a v-on listener that emits update:x event instead.
+For props declared with defineModel(), assign the returned ref to a variable and use v-model on that variable.`,
   [45]: `v-model cannot be used on a const binding because it is not writable.`,
   [46]: `Error parsing JavaScript expression: `,
   [47]: `<KeepAlive> expects exactly one child component.`,
@@ -4423,7 +4424,7 @@ const transformFor = createStructuralDirectiveTransform(
             createCompoundExpression([`const _memo = (`, memo.exp, `)`]),
             createCompoundExpression([
               `if (_cached && _cached.el`,
-              ...keyExp ? [` && _cached.key === `, keyExp] : [],
+              ...keyExp ? [` && _cached.key === (`, keyExp, `)`] : [],
               ` && ${context.helperString(
                 IS_MEMO_SAME
               )}(_cached, _memo)) return _cached`
@@ -6420,7 +6421,8 @@ const transformTransition = (node, context) => {
         if (!node.children.length) {
           return;
         }
-        if (hasMultipleChildren(node)) {
+        const multipleChildren = hasMultipleChildren(node);
+        if (multipleChildren) {
           context.onError(
             createDOMCompilerError(
               63,
@@ -6647,7 +6649,8 @@ const validateHtmlNesting = (node, context) => {
 
 const DOMNodeTransforms = [
   transformStyle,
-  ...[transformTransition, validateHtmlNesting] 
+  transformTransition,
+  ...[validateHtmlNesting] 
 ];
 const DOMDirectiveTransforms = {
   cloak: noopDirectiveTransform,