vue 3.5.12 → 3.5.14

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* vue v3.5.12
+* vue v3.5.14
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -215,10 +215,9 @@ var Vue = (function (exports) {
     return ret;
   }
   function stringifyStyle(styles) {
+    if (!styles) return "";
+    if (isString(styles)) return styles;
     let ret = "";
-    if (!styles || isString(styles)) {
-      return ret;
-    }
     for (const key in styles) {
       const value = styles[key];
       if (isString(value) || typeof value === "number") {
@@ -400,6 +399,10 @@ var Vue = (function (exports) {
        * @internal
        */
       this._active = true;
+      /**
+       * @internal track `on` calls, allow `on` call multiple times
+       */
+      this._on = 0;
       /**
        * @internal
        */
@@ -470,28 +473,38 @@ var Vue = (function (exports) {
      * @internal
      */
     on() {
-      activeEffectScope = this;
+      if (++this._on === 1) {
+        this.prevScope = activeEffectScope;
+        activeEffectScope = this;
+      }
     }
     /**
      * This should only be called on non-detached scopes
      * @internal
      */
     off() {
-      activeEffectScope = this.parent;
+      if (this._on > 0 && --this._on === 0) {
+        activeEffectScope = this.prevScope;
+        this.prevScope = void 0;
+      }
     }
     stop(fromParent) {
       if (this._active) {
+        this._active = false;
         let i, l;
         for (i = 0, l = this.effects.length; i < l; i++) {
           this.effects[i].stop();
         }
+        this.effects.length = 0;
         for (i = 0, l = this.cleanups.length; i < l; i++) {
           this.cleanups[i]();
         }
+        this.cleanups.length = 0;
         if (this.scopes) {
           for (i = 0, l = this.scopes.length; i < l; i++) {
             this.scopes[i].stop(true);
           }
+          this.scopes.length = 0;
         }
         if (!this.detached && this.parent && !fromParent) {
           const last = this.parent.scopes.pop();
@@ -501,7 +514,6 @@ var Vue = (function (exports) {
           }
         }
         this.parent = void 0;
-        this._active = false;
       }
     }
   }
@@ -556,7 +568,7 @@ var Vue = (function (exports) {
     }
     resume() {
       if (this.flags & 64) {
-        this.flags &= ~64;
+        this.flags &= -65;
         if (pausedQueueEffects.has(this)) {
           pausedQueueEffects.delete(this);
           this.trigger();
@@ -596,7 +608,7 @@ var Vue = (function (exports) {
         cleanupDeps(this);
         activeSub = prevEffect;
         shouldTrack = prevShouldTrack;
-        this.flags &= ~2;
+        this.flags &= -3;
       }
     }
     stop() {
@@ -607,7 +619,7 @@ var Vue = (function (exports) {
         this.deps = this.depsTail = void 0;
         cleanupEffect(this);
         this.onStop && this.onStop();
-        this.flags &= ~1;
+        this.flags &= -2;
       }
     }
     trigger() {
@@ -657,7 +669,7 @@ var Vue = (function (exports) {
       while (e) {
         const next = e.next;
         e.next = void 0;
-        e.flags &= ~8;
+        e.flags &= -9;
         e = next;
       }
     }
@@ -668,7 +680,7 @@ var Vue = (function (exports) {
       while (e) {
         const next = e.next;
         e.next = void 0;
-        e.flags &= ~8;
+        e.flags &= -9;
         if (e.flags & 1) {
           try {
             ;
@@ -724,17 +736,16 @@ var Vue = (function (exports) {
     if (computed.flags & 4 && !(computed.flags & 16)) {
       return;
     }
-    computed.flags &= ~16;
+    computed.flags &= -17;
     if (computed.globalVersion === globalVersion) {
       return;
     }
     computed.globalVersion = globalVersion;
-    const dep = computed.dep;
-    computed.flags |= 2;
-    if (dep.version > 0 && !computed.isSSR && computed.deps && !isDirty(computed)) {
-      computed.flags &= ~2;
+    if (!computed.isSSR && computed.flags & 128 && (!computed.deps && !computed._dirty || !isDirty(computed))) {
       return;
     }
+    computed.flags |= 2;
+    const dep = computed.dep;
     const prevSub = activeSub;
     const prevShouldTrack = shouldTrack;
     activeSub = computed;
@@ -743,6 +754,7 @@ var Vue = (function (exports) {
       prepareDeps(computed);
       const value = computed.fn(computed._value);
       if (dep.version === 0 || hasChanged(value, computed._value)) {
+        computed.flags |= 128;
         computed._value = value;
         dep.version++;
       }
@@ -753,7 +765,7 @@ var Vue = (function (exports) {
       activeSub = prevSub;
       shouldTrack = prevShouldTrack;
       cleanupDeps(computed);
-      computed.flags &= ~2;
+      computed.flags &= -3;
     }
   }
   function removeSub(link, soft = false) {
@@ -772,7 +784,7 @@ var Vue = (function (exports) {
     if (dep.subs === link) {
       dep.subs = prevSub;
       if (!prevSub && dep.computed) {
-        dep.computed.flags &= ~4;
+        dep.computed.flags &= -5;
         for (let l = dep.computed.deps; l; l = l.nextDep) {
           removeSub(l, true);
         }
@@ -1267,6 +1279,7 @@ var Vue = (function (exports) {
       this._isShallow = _isShallow;
     }
     get(target, key, receiver) {
+      if (key === "__v_skip") return target["__v_skip"];
       const isReadonly2 = this._isReadonly, isShallow2 = this._isShallow;
       if (key === "__v_isReactive") {
         return !isReadonly2;
@@ -1704,14 +1717,14 @@ var Vue = (function (exports) {
     if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) {
       return target;
     }
-    const existingProxy = proxyMap.get(target);
-    if (existingProxy) {
-      return existingProxy;
-    }
     const targetType = getTargetType(target);
     if (targetType === 0 /* INVALID */) {
       return target;
     }
+    const existingProxy = proxyMap.get(target);
+    if (existingProxy) {
+      return existingProxy;
+    }
     const proxy = new Proxy(
       target,
       targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers
@@ -2103,7 +2116,7 @@ var Vue = (function (exports) {
     const scope = getCurrentScope();
     const watchHandle = () => {
       effect.stop();
-      if (scope) {
+      if (scope && scope.active) {
         remove(scope.effects, effect);
       }
     };
@@ -2555,11 +2568,11 @@ var Vue = (function (exports) {
         queue.splice(i, 1);
         i--;
         if (cb.flags & 4) {
-          cb.flags &= ~1;
+          cb.flags &= -2;
         }
         cb();
         if (!(cb.flags & 4)) {
-          cb.flags &= ~1;
+          cb.flags &= -2;
         }
       }
     }
@@ -2584,10 +2597,10 @@ var Vue = (function (exports) {
           continue;
         }
         if (cb.flags & 4) {
-          cb.flags &= ~1;
+          cb.flags &= -2;
         }
         if (!(cb.flags & 8)) cb();
-        cb.flags &= ~1;
+        cb.flags &= -2;
       }
       activePostFlushCbs = null;
       postFlushIndex = 0;
@@ -2623,7 +2636,7 @@ var Vue = (function (exports) {
       for (; flushIndex < queue.length; flushIndex++) {
         const job = queue[flushIndex];
         if (job) {
-          job.flags &= ~1;
+          job.flags &= -2;
         }
       }
       flushIndex = -1;
@@ -3063,11 +3076,32 @@ var Vue = (function (exports) {
           updateCssVars(n2, true);
         }
         if (isTeleportDeferred(n2.props)) {
-          queuePostRenderEffect(mountToTarget, parentSuspense);
+          queuePostRenderEffect(() => {
+            mountToTarget();
+            n2.el.__isMounted = true;
+          }, parentSuspense);
         } else {
           mountToTarget();
         }
       } else {
+        if (isTeleportDeferred(n2.props) && !n1.el.__isMounted) {
+          queuePostRenderEffect(() => {
+            TeleportImpl.process(
+              n1,
+              n2,
+              container,
+              anchor,
+              parentComponent,
+              parentSuspense,
+              namespace,
+              slotScopeIds,
+              optimized,
+              internals
+            );
+            delete n1.el.__isMounted;
+          }, parentSuspense);
+          return;
+        }
         n2.el = n1.el;
         n2.targetStart = n1.targetStart;
         const mainAnchor = n2.anchor = n1.anchor;
@@ -3091,7 +3125,7 @@ var Vue = (function (exports) {
             namespace,
             slotScopeIds
           );
-          traverseStaticChildren(n1, n2, true);
+          traverseStaticChildren(n1, n2, false);
         } else if (!optimized) {
           patchChildren(
             n1,
@@ -3373,10 +3407,9 @@ var Vue = (function (exports) {
         if (innerChild.type !== Comment) {
           setTransitionHooks(innerChild, enterHooks);
         }
-        const oldChild = instance.subTree;
-        const oldInnerChild = oldChild && getInnerChild$1(oldChild);
+        let oldInnerChild = instance.subTree && getInnerChild$1(instance.subTree);
         if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(innerChild, oldInnerChild) && recursiveGetSubtree(instance).type !== Comment) {
-          const leavingHooks = resolveTransitionHooks(
+          let leavingHooks = resolveTransitionHooks(
             oldInnerChild,
             rawProps,
             state,
@@ -3391,6 +3424,7 @@ var Vue = (function (exports) {
                 instance.update();
               }
               delete leavingHooks.afterLeave;
+              oldInnerChild = void 0;
             };
             return emptyPlaceholder(child);
           } else if (mode === "in-out" && innerChild.type !== Comment) {
@@ -3404,10 +3438,19 @@ var Vue = (function (exports) {
                 earlyRemove();
                 el[leaveCbKey] = void 0;
                 delete enterHooks.delayedLeave;
+                oldInnerChild = void 0;
+              };
+              enterHooks.delayedLeave = () => {
+                delayedLeave();
+                delete enterHooks.delayedLeave;
+                oldInnerChild = void 0;
               };
-              enterHooks.delayedLeave = delayedLeave;
             };
+          } else {
+            oldInnerChild = void 0;
           }
+        } else if (oldInnerChild) {
+          oldInnerChild = void 0;
         }
         return child;
       };
@@ -3712,6 +3755,9 @@ var Vue = (function (exports) {
       return;
     }
     if (isAsyncWrapper(vnode) && !isUnmount) {
+      if (vnode.shapeFlag & 512 && vnode.type.__asyncResolved && vnode.component.subTree.component) {
+        setRef(rawRef, oldRawRef, parentSuspense, vnode.component.subTree);
+      }
       return;
     }
     const refValue = vnode.shapeFlag & 4 ? getComponentPublicInstance(vnode.component) : vnode.el;
@@ -3976,7 +4022,7 @@ var Vue = (function (exports) {
               getContainerType(container),
               optimized
             );
-            if (isAsyncWrapper(vnode)) {
+            if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved) {
               let subTree;
               if (isFragmentStart) {
                 subTree = createVNode(Fragment);
@@ -4245,6 +4291,10 @@ Server rendered element contains fewer child nodes than client vdom.`
         getContainerType(container),
         slotScopeIds
       );
+      if (parentComponent) {
+        parentComponent.vnode.el = vnode.el;
+        updateHOCHostEl(parentComponent, vnode.el);
+      }
       return next;
     };
     const locateClosingAnchor = (node, open = "[", close = "]") => {
@@ -4754,6 +4804,9 @@ Server rendered element contains fewer child nodes than client vdom.`
         {
           devtoolsComponentAdded(instance2);
         }
+        {
+          instance2.__keepAliveStorageContainer = storageContainer;
+        }
       };
       function unmount(vnode) {
         resetShapeFlag(vnode);
@@ -4841,7 +4894,7 @@ Server rendered element contains fewer child nodes than client vdom.`
         );
         const { include, exclude, max } = props;
         if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) {
-          vnode.shapeFlag &= ~256;
+          vnode.shapeFlag &= -257;
           current = vnode;
           return rawVNode;
         }
@@ -4928,8 +4981,8 @@ Server rendered element contains fewer child nodes than client vdom.`
     }, target);
   }
   function resetShapeFlag(vnode) {
-    vnode.shapeFlag &= ~256;
-    vnode.shapeFlag &= ~512;
+    vnode.shapeFlag &= -257;
+    vnode.shapeFlag &= -513;
   }
   function getInnerChild(vnode) {
     return vnode.shapeFlag & 128 ? vnode.ssContent : vnode;
@@ -5044,14 +5097,16 @@ If this is a native custom element, make sure to exclude it from component resol
     if (sourceIsArray || isString(source)) {
       const sourceIsReactiveArray = sourceIsArray && isReactive(source);
       let needsWrap = false;
+      let isReadonlySource = false;
       if (sourceIsReactiveArray) {
         needsWrap = !isShallow(source);
+        isReadonlySource = isReadonly(source);
         source = shallowReadArray(source);
       }
       ret = new Array(source.length);
       for (let i = 0, l = source.length; i < l; i++) {
         ret[i] = renderItem(
-          needsWrap ? toReactive(source[i]) : source[i],
+          needsWrap ? isReadonlySource ? toReadonly(toReactive(source[i])) : toReactive(source[i]) : source[i],
           i,
           void 0,
           cached && cached[i]
@@ -6070,11 +6125,9 @@ If this is a native custom element, make sure to exclude it from component resol
             }
             {
               context.reload = () => {
-                render(
-                  cloneVNode(vnode),
-                  rootContainer,
-                  namespace
-                );
+                const cloned = cloneVNode(vnode);
+                cloned.el = null;
+                render(cloned, rootContainer, namespace);
               };
             }
             if (isHydrate && hydrate) {
@@ -6597,7 +6650,7 @@ If you want to remount the same app, move your app creation logic into a factory
       return rawSlot;
     }
     const normalized = withCtx((...args) => {
-      if (currentInstance && (!ctx || ctx.root === currentInstance.root)) {
+      if (currentInstance && !(ctx === null && currentRenderingInstance) && !(ctx && ctx.root !== currentInstance.root)) {
         warn$1(
           `Slot "${key}" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead.`
         );
@@ -6636,7 +6689,7 @@ If you want to remount the same app, move your app creation logic into a factory
   };
   const assignSlots = (slots, children, optimized) => {
     for (const key in children) {
-      if (optimized || key !== "_") {
+      if (optimized || !isInternalKey(key)) {
         slots[key] = children[key];
       }
     }
@@ -7322,8 +7375,8 @@ If you want to remount the same app, move your app creation logic into a factory
           endMeasure(instance, `init`);
         }
       }
+      if (isHmrUpdating) initialVNode.el = null;
       if (instance.asyncDep) {
-        if (isHmrUpdating) initialVNode.el = null;
         parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect, optimized);
         if (!initialVNode.el) {
           const placeholder = instance.subTree = createVNode(Comment);
@@ -7885,7 +7938,13 @@ If you want to remount the same app, move your app creation logic into a factory
           queuePostRenderEffect(() => transition.enter(el), parentSuspense);
         } else {
           const { leave, delayLeave, afterLeave } = transition;
-          const remove2 = () => hostInsert(el, container, anchor);
+          const remove2 = () => {
+            if (vnode.ctx.isUnmounted) {
+              hostRemove(el);
+            } else {
+              hostInsert(el, container, anchor);
+            }
+          };
           const performLeave = () => {
             leave(el, () => {
               remove2();
@@ -7918,7 +7977,9 @@ If you want to remount the same app, move your app creation logic into a factory
         optimized = false;
       }
       if (ref != null) {
+        pauseTracking();
         setRef(ref, null, parentSuspense, vnode, true);
+        resetTracking();
       }
       if (cacheIndex != null) {
         parentComponent.renderCache[cacheIndex] = void 0;
@@ -8030,12 +8091,27 @@ If you want to remount the same app, move your app creation logic into a factory
       if (instance.type.__hmrId) {
         unregisterHMR(instance);
       }
-      const { bum, scope, job, subTree, um, m, a } = instance;
+      const {
+        bum,
+        scope,
+        job,
+        subTree,
+        um,
+        m,
+        a,
+        parent,
+        slots: { __: slotCacheKeys }
+      } = instance;
       invalidateMount(m);
       invalidateMount(a);
       if (bum) {
         invokeArrayFns(bum);
       }
+      if (parent && isArray(slotCacheKeys)) {
+        slotCacheKeys.forEach((v) => {
+          parent.renderCache[v] = void 0;
+        });
+      }
       scope.stop();
       if (job) {
         job.flags |= 8;
@@ -8131,8 +8207,8 @@ If you want to remount the same app, move your app creation logic into a factory
       effect.flags |= 32;
       job.flags |= 4;
     } else {
-      effect.flags &= ~32;
-      job.flags &= ~4;
+      effect.flags &= -33;
+      job.flags &= -5;
     }
   }
   function needTransition(parentSuspense, transition) {
@@ -8159,6 +8235,9 @@ If you want to remount the same app, move your app creation logic into a factory
         if (c2.type === Comment && !c2.el) {
           c2.el = c1.el;
         }
+        {
+          c2.el && (c2.el.__vnode = c2);
+        }
       }
     }
   }
@@ -8647,7 +8726,7 @@ If you want to remount the same app, move your app creation logic into a factory
           }
           if (extraAttrs.length) {
             warn$1(
-              `Extraneous non-props attributes (${extraAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.`
+              `Extraneous non-props attributes (${extraAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes.`
             );
           }
           if (eventAttrs.length) {
@@ -9430,9 +9509,9 @@ If you want to remount the same app, move your app creation logic into a factory
     currentBlock = blockStack[blockStack.length - 1] || null;
   }
   let isBlockTreeEnabled = 1;
-  function setBlockTracking(value) {
+  function setBlockTracking(value, inVOnce = false) {
     isBlockTreeEnabled += value;
-    if (value < 0 && currentBlock) {
+    if (value < 0 && currentBlock && inVOnce) {
       currentBlock.hasOnce = true;
     }
   }
@@ -9476,8 +9555,8 @@ If you want to remount the same app, move your app creation logic into a factory
     if (n2.shapeFlag & 6 && n1.component) {
       const dirtyInstances = hmrDirtyComponents.get(n2.type);
       if (dirtyInstances && dirtyInstances.has(n1.component)) {
-        n1.shapeFlag &= ~256;
-        n2.shapeFlag &= ~512;
+        n1.shapeFlag &= -257;
+        n2.shapeFlag &= -513;
         return false;
       }
     }
@@ -9926,7 +10005,7 @@ Component that was made reactive: `,
     const { props, children } = instance.vnode;
     const isStateful = isStatefulComponent(instance);
     initProps(instance, props, isStateful, isSSR);
-    initSlots(instance, children, optimized);
+    initSlots(instance, children, optimized || isSSR);
     const setupResult = isStateful ? setupStatefulComponent(instance, isSSR) : void 0;
     isSSR && setInSSRSetupState(false);
     return setupResult;
@@ -10255,13 +10334,15 @@ Component that was made reactive: `,
         if (obj.__isVue) {
           return ["div", vueStyle, `VueInstance`];
         } else if (isRef(obj)) {
+          pauseTracking();
+          const value = obj.value;
+          resetTracking();
           return [
             "div",
             {},
             ["span", vueStyle, genRefFlag(obj)],
             "<",
-            // avoid debugger accessing value affecting behavior
-            formatValue("_value" in obj ? obj._value : obj),
+            formatValue(value),
             `>`
           ];
         } else if (isReactive(obj)) {
@@ -10442,7 +10523,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.12";
+  const version = "3.5.14";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -10614,7 +10695,8 @@ Component that was made reactive: `,
       onAppear = onEnter,
       onAppearCancelled = onEnterCancelled
     } = baseProps;
-    const finishEnter = (el, isAppear, done) => {
+    const finishEnter = (el, isAppear, done, isCancelled) => {
+      el._enterCancelled = isCancelled;
       removeTransitionClass(el, isAppear ? appearToClass : enterToClass);
       removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass);
       done && done();
@@ -10657,8 +10739,13 @@ Component that was made reactive: `,
         el._isLeaving = true;
         const resolve = () => finishLeave(el, done);
         addTransitionClass(el, leaveFromClass);
-        addTransitionClass(el, leaveActiveClass);
-        forceReflow();
+        if (!el._enterCancelled) {
+          forceReflow();
+          addTransitionClass(el, leaveActiveClass);
+        } else {
+          addTransitionClass(el, leaveActiveClass);
+          forceReflow();
+        }
         nextFrame(() => {
           if (!el._isLeaving) {
             return;
@@ -10672,11 +10759,11 @@ Component that was made reactive: `,
         callHook(onLeave, [el, resolve]);
       },
       onEnterCancelled(el) {
-        finishEnter(el, false);
+        finishEnter(el, false, void 0, true);
         callHook(onEnterCancelled, [el]);
       },
       onAppearCancelled(el) {
-        finishEnter(el, true);
+        finishEnter(el, true, void 0, true);
         callHook(onAppearCancelled, [el]);
       },
       onLeaveCancelled(el) {
@@ -10889,10 +10976,11 @@ Component that was made reactive: `,
       }
       updateTeleports(vars);
     };
-    onBeforeMount(() => {
-      watchPostEffect(setVars);
+    onBeforeUpdate(() => {
+      queuePostFlushCb(setVars);
     });
     onMounted(() => {
+      watch(setVars, NOOP, { flush: "post" });
       const ob = new MutationObserver(setVars);
       ob.observe(instance.subTree.el.parentNode, { childList: true });
       onUnmounted(() => ob.disconnect());
@@ -11234,7 +11322,7 @@ Expected function or array of functions, received type ${typeof value}.`
       }
       return false;
     }
-    if (key === "spellcheck" || key === "draggable" || key === "translate") {
+    if (key === "spellcheck" || key === "draggable" || key === "translate" || key === "autocorrect") {
       return false;
     }
     if (key === "form") {
@@ -11499,6 +11587,8 @@ Expected function or array of functions, received type ${typeof value}.`
           this._update();
         }
         if (shouldReflect) {
+          const ob = this._ob;
+          ob && ob.disconnect();
           if (val === true) {
             this.setAttribute(hyphenate(key), "");
           } else if (typeof val === "string" || typeof val === "number") {
@@ -11506,6 +11596,7 @@ Expected function or array of functions, received type ${typeof value}.`
           } else if (!val) {
             this.removeAttribute(hyphenate(key));
           }
+          ob && ob.observe(this, { attributes: true });
         }
       }
     }
@@ -11708,6 +11799,7 @@ Expected function or array of functions, received type ${typeof value}.`
           instance.vnode.el,
           moveClass
         )) {
+          prevChildren = [];
           return;
         }
         prevChildren.forEach(callPendingCbs);
@@ -11731,6 +11823,7 @@ Expected function or array of functions, received type ${typeof value}.`
           };
           el.addEventListener("transitionend", cb);
         });
+        prevChildren = [];
       });
       return () => {
         const rawProps = toRaw(props);
@@ -12479,12 +12572,13 @@ Make sure to use the production build (*.prod.js) when deploying for production.
       loc: locStub
     };
   }
-  function createCacheExpression(index, value, needPauseTracking = false) {
+  function createCacheExpression(index, value, needPauseTracking = false, inVOnce = false) {
     return {
       type: 20,
       index,
       value,
       needPauseTracking,
+      inVOnce,
       needArraySpread: false,
       loc: locStub
     };
@@ -14366,6 +14460,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
     }
     let cachedAsArray = false;
+    const slotCacheKeys = [];
     if (toCache.length === children.length && node.type === 1) {
       if (node.tagType === 0 && node.codegenNode && node.codegenNode.type === 13 && isArray(node.codegenNode.children)) {
         node.codegenNode.children = getCacheExpression(
@@ -14375,6 +14470,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       } else if (node.tagType === 1 && node.codegenNode && node.codegenNode.type === 13 && node.codegenNode.children && !isArray(node.codegenNode.children) && node.codegenNode.children.type === 15) {
         const slot = getSlotNode(node.codegenNode, "default");
         if (slot) {
+          slotCacheKeys.push(context.cached.length);
           slot.returns = getCacheExpression(
             createArrayExpression(slot.returns)
           );
@@ -14384,6 +14480,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         const slotName = findDir(node, "slot", true);
         const slot = slotName && slotName.arg && getSlotNode(parent.codegenNode, slotName.arg);
         if (slot) {
+          slotCacheKeys.push(context.cached.length);
           slot.returns = getCacheExpression(
             createArrayExpression(slot.returns)
           );
@@ -14393,9 +14490,18 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
     if (!cachedAsArray) {
       for (const child of toCache) {
+        slotCacheKeys.push(context.cached.length);
         child.codegenNode = context.cache(child.codegenNode);
       }
     }
+    if (slotCacheKeys.length && node.type === 1 && node.tagType === 1 && node.codegenNode && node.codegenNode.type === 13 && node.codegenNode.children && !isArray(node.codegenNode.children) && node.codegenNode.children.type === 15) {
+      node.codegenNode.children.properties.push(
+        createObjectProperty(
+          `__`,
+          createSimpleExpression(JSON.stringify(slotCacheKeys), false)
+        )
+      );
+    }
     function getCacheExpression(value) {
       const exp = context.cache(value);
       if (inFor && context.hmr) {
@@ -14718,11 +14824,12 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         identifier.hoisted = exp;
         return identifier;
       },
-      cache(exp, isVNode = false) {
+      cache(exp, isVNode = false, inVOnce = false) {
         const cacheExp = createCacheExpression(
           context.cached.length,
           exp,
-          isVNode
+          isVNode,
+          inVOnce
         );
         context.cached.push(cacheExp);
         return cacheExp;
@@ -15421,7 +15528,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     push(`_cache[${node.index}] || (`);
     if (needPauseTracking) {
       indent();
-      push(`${helper(SET_BLOCK_TRACKING)}(-1),`);
+      push(`${helper(SET_BLOCK_TRACKING)}(-1`);
+      if (node.inVOnce) push(`, true`);
+      push(`),`);
       newline();
       push(`(`);
     }
@@ -15478,12 +15587,14 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         context
       );
     } else if (node.type === 1) {
+      const memo = findDir(node, "memo");
       for (let i = 0; i < node.props.length; i++) {
         const dir = node.props[i];
         if (dir.type === 7 && dir.name !== "for") {
           const exp = dir.exp;
           const arg = dir.arg;
-          if (exp && exp.type === 4 && !(dir.name === "on" && arg)) {
+          if (exp && exp.type === 4 && !(dir.name === "on" && arg) && // key has been processed in transformFor(vMemo + vFor)
+          !(memo && arg && arg.type === 4 && arg.content === "key")) {
             dir.exp = processExpression(
               exp,
               context,
@@ -15811,10 +15922,11 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         const isTemplate = isTemplateNode(node);
         const memo = findDir(node, "memo");
         const keyProp = findProp(node, `key`, false, true);
-        if (keyProp && keyProp.type === 7 && !keyProp.exp) {
+        const isDirKey = keyProp && keyProp.type === 7;
+        if (isDirKey && !keyProp.exp) {
           transformBindShorthand(keyProp);
         }
-        const keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
+        let keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
         const keyProperty = keyProp && keyExp ? createObjectProperty(`key`, keyExp) : null;
         const isStableFragment = forNode.source.type === 4 && forNode.source.constType > 0;
         const fragmentFlag = isStableFragment ? 64 : keyProp ? 128 : 256;
@@ -17011,8 +17123,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         if (cur.codegenNode) {
           cur.codegenNode = context.cache(
             cur.codegenNode,
+            true,
             true
-            /* isVNode */
           );
         }
       };
@@ -17034,8 +17146,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       context.onError(createCompilerError(44, exp.loc));
       return createTransformProps();
     }
-    const maybeRef = false;
-    if (!expString.trim() || !isMemberExpression(exp) && !maybeRef) {
+    if (!expString.trim() || !isMemberExpression(exp) && true) {
       context.onError(
         createCompilerError(42, exp.loc)
       );