@vue/compat 3.2.12 → 3.2.13

package/dist/vue.esm-bundler.js

@@ -1501,7 +1501,8 @@ class ComputedRefImpl {
 function computed(getterOrOptions, debugOptions) {
     let getter;
     let setter;
-    if (isFunction(getterOrOptions)) {
+    const onlyGetter = isFunction(getterOrOptions);
+    if (onlyGetter) {
         getter = getterOrOptions;
         setter = (process.env.NODE_ENV !== 'production')
             ? () => {
@@ -1513,7 +1514,7 @@ function computed(getterOrOptions, debugOptions) {
         getter = getterOrOptions.get;
         setter = getterOrOptions.set;
     }
-    const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+    const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter);
     if ((process.env.NODE_ENV !== 'production') && debugOptions) {
         cRef.effect.onTrack = debugOptions.onTrack;
         cRef.effect.onTrigger = debugOptions.onTrigger;
@@ -1968,7 +1969,7 @@ const deprecationData = {
     ["PRIVATE_APIS" /* PRIVATE_APIS */]: {
         message: name => `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` +
             `If you are seeing this warning only due to a dependency, you can ` +
-            `suppress this warning via { PRIVATE_APIS: 'supress-warning' }.`
+            `suppress this warning via { PRIVATE_APIS: 'suppress-warning' }.`
     }
 };
 const instanceWarned = Object.create(null);
@@ -5302,7 +5303,7 @@ function createCompatVue(createApp, createSingletonApp) {
             return vm;
         }
     }
-    Vue.version = "3.2.12";
+    Vue.version = "3.2.13";
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
         if (p && isFunction(p.install)) {
@@ -5838,7 +5839,7 @@ function createAppAPI(render, hydrate) {
                         app._instance = vnode.component;
                         devtoolsInitApp(app, version);
                     }
-                    return vnode.component.proxy;
+                    return getExposeProxy(vnode.component) || vnode.component.proxy;
                 }
                 else if ((process.env.NODE_ENV !== 'production')) {
                     warn$1(`App has already been mounted.\n` +
@@ -6049,14 +6050,14 @@ function createHydrationFunctions(rendererInternals) {
                     for (const key in props) {
                         if ((forcePatchValue && key.endsWith('value')) ||
                             (isOn(key) && !isReservedProp(key))) {
-                            patchProp(el, key, null, props[key]);
+                            patchProp(el, key, null, props[key], false, undefined, parentComponent);
                         }
                     }
                 }
                 else if (props.onClick) {
                     // Fast path for click listeners (which is most often) to avoid
                     // iterating through props.
-                    patchProp(el, 'onClick', null, props.onClick);
+                    patchProp(el, 'onClick', null, props.onClick, false, undefined, parentComponent);
                 }
             }
             // vnode / directive hooks
@@ -10541,7 +10542,7 @@ function createPathGetter(ctx, path) {
         return cur;
     };
 }
-function traverse(value, seen = new Set()) {
+function traverse(value, seen) {
     if (!isObject(value) || value["__v_skip" /* SKIP */]) {
         return value;
     }
@@ -10957,7 +10958,7 @@ function isMemoSame(cached, memo) {
 }
 
 // Core API ------------------------------------------------------------------
-const version = "3.2.12";
+const version = "3.2.13";
 const _ssrUtils = {
     createComponentInstance,
     setupComponent,
@@ -12952,7 +12953,7 @@ const errorMessages = {
     // transform errors
     [28 /* X_V_IF_NO_EXPRESSION */]: `v-if/v-else-if is missing expression.`,
     [29 /* X_V_IF_SAME_KEY */]: `v-if/else branches must use unique keys.`,
-    [30 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if.`,
+    [30 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if or v-else-if.`,
     [31 /* X_V_FOR_NO_EXPRESSION */]: `v-for is missing expression.`,
     [32 /* X_V_FOR_MALFORMED_EXPRESSION */]: `v-for has invalid expression.`,
     [33 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */]: `<template v-for> key should be placed on the <template> tag.`,
@@ -13230,7 +13231,7 @@ const whitespaceRE = /\s+[.[]\s*|\s*[.[]\s+/g;
  * inside square brackets), but it's ok since these are only used on template
  * expressions and false positives are invalid expressions in the first place.
  */
-const isMemberExpression = (path) => {
+const isMemberExpressionBrowser = (path) => {
     // remove whitespaces around . or [ first
     path = path.trim().replace(whitespaceRE, s => s.trim());
     let state = 0 /* inMemberExp */;
@@ -13300,6 +13301,8 @@ const isMemberExpression = (path) => {
     }
     return !currentOpenBracketCount && !currentOpenParensCount;
 };
+const isMemberExpression = isMemberExpressionBrowser
+    ;
 function getInnerRange(loc, offset, length) {
     const source = loc.source.substr(offset, length);
     const newLoc = {
@@ -14448,7 +14451,7 @@ function walk$1(node, context, doNotHoistNode = false) {
     // This is only a concern for pre-stringification (via transformHoist by
     // @vue/compiler-dom), but doing it here allows us to perform only one full
     // walk of the AST and allow `stringifyStatic` to stop walking as soon as its
-    // stringficiation threshold is met.
+    // stringification threshold is met.
     let canStringify = true;
     const { children } = node;
     const originalCount = children.length;
@@ -14695,7 +14698,7 @@ function getGeneratedPropsConstantType(node, context) {
             else if (value.type === 14 /* JS_CALL_EXPRESSION */) {
                 // some helper calls can be hoisted,
                 // such as the `normalizeProps` generated by the compiler for pre-normalize class,
-                // in this case we need to respect the ConstanType of the helper's argments
+                // in this case we need to respect the ConstantType of the helper's argments
                 valueType = getConstantTypeOfHelperCall(value, context);
             }
             else {
@@ -15209,13 +15212,14 @@ function genHoists(hoists, context) {
     context.pure = true;
     const { push, newline, helper, scopeId, mode } = context;
     newline();
-    hoists.forEach((exp, i) => {
+    for (let i = 0; i < hoists.length; i++) {
+        const exp = hoists[i];
         if (exp) {
-            push(`const _hoisted_${i + 1} = `);
+            push(`const _hoisted_${i + 1} = ${``}`);
             genNode(exp, context);
             newline();
         }
-    });
+    }
     context.pure = false;
 }
 function isText$1(n) {
@@ -15724,6 +15728,11 @@ function processIf(node, dir, context, processCodegen) {
                 continue;
             }
             if (sibling && sibling.type === 9 /* IF */) {
+                // Check if v-else was followed by v-else-if
+                if (dir.name === 'else-if' &&
+                    sibling.branches[sibling.branches.length - 1].condition === undefined) {
+                    context.onError(createCompilerError(30 /* X_V_ELSE_NO_ADJACENT_IF */, node.loc));
+                }
                 // move the node to the if node's branches
                 context.removeNode();
                 const branch = createIfBranch(node, dir);
@@ -16821,7 +16830,7 @@ function dedupeProperties(properties) {
         const name = prop.key.content;
         const existing = knownProps.get(name);
         if (existing) {
-            if (name === 'style' || name === 'class' || name.startsWith('on')) {
+            if (name === 'style' || name === 'class' || isOn(name)) {
                 mergeAsArray$1(existing, prop);
             }
             // unexpected duplicate, should have emitted error during parse
@@ -16896,26 +16905,24 @@ const transformSlotOutlet = (node, context) => {
         const { slotName, slotProps } = processSlotOutlet(node, context);
         const slotArgs = [
             context.prefixIdentifiers ? `_ctx.$slots` : `$slots`,
-            slotName
+            slotName,
+            '{}',
+            'undefined',
+            'true'
         ];
+        let expectedLen = 2;
         if (slotProps) {
-            slotArgs.push(slotProps);
+            slotArgs[2] = slotProps;
+            expectedLen = 3;
         }
         if (children.length) {
-            if (!slotProps) {
-                slotArgs.push(`{}`);
-            }
-            slotArgs.push(createFunctionExpression([], children, false, false, loc));
+            slotArgs[3] = createFunctionExpression([], children, false, false, loc);
+            expectedLen = 4;
         }
         if (context.scopeId && !context.slotted) {
-            if (!slotProps) {
-                slotArgs.push(`{}`);
-            }
-            if (!children.length) {
-                slotArgs.push(`undefined`);
-            }
-            slotArgs.push(`true`);
+            expectedLen = 5;
         }
+        slotArgs.splice(expectedLen); // remove unused arguments
         node.codegenNode = createCallExpression(context.helper(RENDER_SLOT), slotArgs, loc);
     }
 };
@@ -17217,7 +17224,8 @@ const transformModel = (dir, node, context) => {
     // _unref(exp)
     context.bindingMetadata[rawExp];
     const maybeRef = !true    /* SETUP_CONST */;
-    if (!expString.trim() || (!isMemberExpression(expString) && !maybeRef)) {
+    if (!expString.trim() ||
+        (!isMemberExpression(expString) && !maybeRef)) {
         context.onError(createCompilerError(42 /* X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc));
         return createTransformProps();
     }
@@ -17925,7 +17933,8 @@ const warnTransitionChildren = (node, context) => {
 };
 function hasMultipleChildren(node) {
     // #1352 filter out potential comment nodes.
-    const children = (node.children = node.children.filter(c => c.type !== 3 /* COMMENT */));
+    const children = (node.children = node.children.filter(c => c.type !== 3 /* COMMENT */ &&
+        !(c.type === 2 /* TEXT */ && !c.content.trim())));
     const child = children[0];
     return (children.length !== 1 ||
         child.type === 11 /* FOR */ ||

package/dist/vue.global.js

@@ -1488,7 +1488,8 @@ var Vue = (function () {
   function computed(getterOrOptions, debugOptions) {
       let getter;
       let setter;
-      if (isFunction(getterOrOptions)) {
+      const onlyGetter = isFunction(getterOrOptions);
+      if (onlyGetter) {
           getter = getterOrOptions;
           setter = () => {
                   console.warn('Write operation failed: computed value is readonly');
@@ -1499,7 +1500,7 @@ var Vue = (function () {
           getter = getterOrOptions.get;
           setter = getterOrOptions.set;
       }
-      const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+      const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter);
       if (debugOptions) {
           cRef.effect.onTrack = debugOptions.onTrack;
           cRef.effect.onTrigger = debugOptions.onTrigger;
@@ -1954,7 +1955,7 @@ var Vue = (function () {
       ["PRIVATE_APIS" /* PRIVATE_APIS */]: {
           message: name => `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` +
               `If you are seeing this warning only due to a dependency, you can ` +
-              `suppress this warning via { PRIVATE_APIS: 'supress-warning' }.`
+              `suppress this warning via { PRIVATE_APIS: 'suppress-warning' }.`
       }
   };
   const instanceWarned = Object.create(null);
@@ -5275,7 +5276,7 @@ var Vue = (function () {
               return vm;
           }
       }
-      Vue.version = "3.2.12";
+      Vue.version = "3.2.13";
       Vue.config = singletonApp.config;
       Vue.use = (p, ...options) => {
           if (p && isFunction(p.install)) {
@@ -5806,7 +5807,7 @@ var Vue = (function () {
                           app._instance = vnode.component;
                           devtoolsInitApp(app, version);
                       }
-                      return vnode.component.proxy;
+                      return getExposeProxy(vnode.component) || vnode.component.proxy;
                   }
                   else {
                       warn$1(`App has already been mounted.\n` +
@@ -6015,14 +6016,14 @@ var Vue = (function () {
                       for (const key in props) {
                           if ((forcePatchValue && key.endsWith('value')) ||
                               (isOn(key) && !isReservedProp(key))) {
-                              patchProp(el, key, null, props[key]);
+                              patchProp(el, key, null, props[key], false, undefined, parentComponent);
                           }
                       }
                   }
                   else if (props.onClick) {
                       // Fast path for click listeners (which is most often) to avoid
                       // iterating through props.
-                      patchProp(el, 'onClick', null, props.onClick);
+                      patchProp(el, 'onClick', null, props.onClick, false, undefined, parentComponent);
                   }
               }
               // vnode / directive hooks
@@ -10428,7 +10429,7 @@ var Vue = (function () {
           return cur;
       };
   }
-  function traverse(value, seen = new Set()) {
+  function traverse(value, seen) {
       if (!isObject(value) || value["__v_skip" /* SKIP */]) {
           return value;
       }
@@ -10839,7 +10840,7 @@ var Vue = (function () {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.12";
+  const version = "3.2.13";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
@@ -12811,7 +12812,7 @@ var Vue = (function () {
       // transform errors
       [28 /* X_V_IF_NO_EXPRESSION */]: `v-if/v-else-if is missing expression.`,
       [29 /* X_V_IF_SAME_KEY */]: `v-if/else branches must use unique keys.`,
-      [30 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if.`,
+      [30 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if or v-else-if.`,
       [31 /* X_V_FOR_NO_EXPRESSION */]: `v-for is missing expression.`,
       [32 /* X_V_FOR_MALFORMED_EXPRESSION */]: `v-for has invalid expression.`,
       [33 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */]: `<template v-for> key should be placed on the <template> tag.`,
@@ -13089,7 +13090,7 @@ var Vue = (function () {
    * inside square brackets), but it's ok since these are only used on template
    * expressions and false positives are invalid expressions in the first place.
    */
-  const isMemberExpression = (path) => {
+  const isMemberExpressionBrowser = (path) => {
       // remove whitespaces around . or [ first
       path = path.trim().replace(whitespaceRE, s => s.trim());
       let state = 0 /* inMemberExp */;
@@ -13159,6 +13160,8 @@ var Vue = (function () {
       }
       return !currentOpenBracketCount && !currentOpenParensCount;
   };
+  const isMemberExpression = isMemberExpressionBrowser
+      ;
   function getInnerRange(loc, offset, length) {
       const source = loc.source.substr(offset, length);
       const newLoc = {
@@ -14305,7 +14308,7 @@ var Vue = (function () {
       // This is only a concern for pre-stringification (via transformHoist by
       // @vue/compiler-dom), but doing it here allows us to perform only one full
       // walk of the AST and allow `stringifyStatic` to stop walking as soon as its
-      // stringficiation threshold is met.
+      // stringification threshold is met.
       let canStringify = true;
       const { children } = node;
       const originalCount = children.length;
@@ -14551,7 +14554,7 @@ var Vue = (function () {
               else if (value.type === 14 /* JS_CALL_EXPRESSION */) {
                   // some helper calls can be hoisted,
                   // such as the `normalizeProps` generated by the compiler for pre-normalize class,
-                  // in this case we need to respect the ConstanType of the helper's argments
+                  // in this case we need to respect the ConstantType of the helper's argments
                   valueType = getConstantTypeOfHelperCall(value, context);
               }
               else {
@@ -15064,13 +15067,14 @@ var Vue = (function () {
       context.pure = true;
       const { push, newline, helper, scopeId, mode } = context;
       newline();
-      hoists.forEach((exp, i) => {
+      for (let i = 0; i < hoists.length; i++) {
+          const exp = hoists[i];
           if (exp) {
-              push(`const _hoisted_${i + 1} = `);
+              push(`const _hoisted_${i + 1} = ${``}`);
               genNode(exp, context);
               newline();
           }
-      });
+      }
       context.pure = false;
   }
   function isText$1(n) {
@@ -15577,6 +15581,11 @@ var Vue = (function () {
                   continue;
               }
               if (sibling && sibling.type === 9 /* IF */) {
+                  // Check if v-else was followed by v-else-if
+                  if (dir.name === 'else-if' &&
+                      sibling.branches[sibling.branches.length - 1].condition === undefined) {
+                      context.onError(createCompilerError(30 /* X_V_ELSE_NO_ADJACENT_IF */, node.loc));
+                  }
                   // move the node to the if node's branches
                   context.removeNode();
                   const branch = createIfBranch(node, dir);
@@ -16668,7 +16677,7 @@ var Vue = (function () {
           const name = prop.key.content;
           const existing = knownProps.get(name);
           if (existing) {
-              if (name === 'style' || name === 'class' || name.startsWith('on')) {
+              if (name === 'style' || name === 'class' || isOn(name)) {
                   mergeAsArray$1(existing, prop);
               }
               // unexpected duplicate, should have emitted error during parse
@@ -16743,26 +16752,24 @@ var Vue = (function () {
           const { slotName, slotProps } = processSlotOutlet(node, context);
           const slotArgs = [
               context.prefixIdentifiers ? `_ctx.$slots` : `$slots`,
-              slotName
+              slotName,
+              '{}',
+              'undefined',
+              'true'
           ];
+          let expectedLen = 2;
           if (slotProps) {
-              slotArgs.push(slotProps);
+              slotArgs[2] = slotProps;
+              expectedLen = 3;
           }
           if (children.length) {
-              if (!slotProps) {
-                  slotArgs.push(`{}`);
-              }
-              slotArgs.push(createFunctionExpression([], children, false, false, loc));
+              slotArgs[3] = createFunctionExpression([], children, false, false, loc);
+              expectedLen = 4;
           }
           if (context.scopeId && !context.slotted) {
-              if (!slotProps) {
-                  slotArgs.push(`{}`);
-              }
-              if (!children.length) {
-                  slotArgs.push(`undefined`);
-              }
-              slotArgs.push(`true`);
+              expectedLen = 5;
           }
+          slotArgs.splice(expectedLen); // remove unused arguments
           node.codegenNode = createCallExpression(context.helper(RENDER_SLOT), slotArgs, loc);
       }
   };
@@ -17064,7 +17071,8 @@ var Vue = (function () {
       // _unref(exp)
       context.bindingMetadata[rawExp];
       const maybeRef = !true    /* SETUP_CONST */;
-      if (!expString.trim() || (!isMemberExpression(expString) && !maybeRef)) {
+      if (!expString.trim() ||
+          (!isMemberExpression(expString) && !maybeRef)) {
           context.onError(createCompilerError(42 /* X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc));
           return createTransformProps();
       }
@@ -17770,7 +17778,8 @@ var Vue = (function () {
   };
   function hasMultipleChildren(node) {
       // #1352 filter out potential comment nodes.
-      const children = (node.children = node.children.filter(c => c.type !== 3 /* COMMENT */));
+      const children = (node.children = node.children.filter(c => c.type !== 3 /* COMMENT */ &&
+          !(c.type === 2 /* TEXT */ && !c.content.trim())));
       const child = children[0];
       return (children.length !== 1 ||
           child.type === 11 /* FOR */ ||