@vue/compat 3.2.34 → 3.2.37

package/dist/vue.esm-bundler.js

@@ -5071,7 +5071,7 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
         const Component = instance.type;
         // explicit self name has highest priority
         if (type === COMPONENTS) {
-            const selfName = getComponentName(Component);
+            const selfName = getComponentName(Component, false /* do not include inferred name to avoid breaking existing code */);
             if (selfName &&
                 (selfName === name ||
                     selfName === camelize(name) ||
@@ -7179,7 +7179,7 @@ function createCompatVue(createApp, createSingletonApp) {
             return vm;
         }
     }
-    Vue.version = `2.6.14-compat:${"3.2.34"}`;
+    Vue.version = `2.6.14-compat:${"3.2.37"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
         if (p && isFunction(p.install)) {
@@ -7346,9 +7346,11 @@ function installLegacyAPIs(app) {
     });
 }
 function applySingletonAppMutations(app) {
-    ['mixins', 'components', 'directives', 'filters', 'deopt'].forEach(key => {
+    // copy over asset registries and deopt flag
+    app._context.mixins = [...singletonApp._context.mixins];
+    ['components', 'directives', 'filters'].forEach(key => {
         // @ts-ignore
-        app._context[key] = singletonApp._context[key];
+        app._context[key] = Object.create(singletonApp._context[key]);
     });
     // copy over global config mutations
     isCopyingConfig = true;
@@ -7361,7 +7363,7 @@ function applySingletonAppMutations(app) {
         }
         const val = singletonApp.config[key];
         // @ts-ignore
-        app.config[key] = val;
+        app.config[key] = isObject(val) ? Object.create(val) : val;
         // compat for runtime ignoredElements -> isCustomElement
         if (key === 'ignoredElements' &&
             isCompatEnabled("CONFIG_IGNORED_ELEMENTS" /* CONFIG_IGNORED_ELEMENTS */, null) &&
@@ -7838,7 +7840,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
                         setupState[ref] = value;
                     }
                 }
-                else if (isRef(ref)) {
+                else if (_isRef) {
                     ref.value = value;
                     if (rawRef.k)
                         refs[rawRef.k] = value;
@@ -7878,11 +7880,13 @@ function createHydrationFunctions(rendererInternals) {
                     `Performing full mount instead.`);
             patch(null, vnode, container);
             flushPostFlushCbs();
+            container._vnode = vnode;
             return;
         }
         hasMismatch = false;
         hydrateNode(container.firstChild, vnode, null, null, null);
         flushPostFlushCbs();
+        container._vnode = vnode;
         if (hasMismatch && !false) {
             // this error should show up in production
             console.error(`Hydration completed but contains mismatches.`);
@@ -7905,7 +7909,7 @@ function createHydrationFunctions(rendererInternals) {
                     // #5728 empty text node inside a slot can cause hydration failure
                     // because the server rendered HTML won't contain a text node
                     if (vnode.children === '') {
-                        insert((vnode.el = createText('')), node.parentElement, node);
+                        insert((vnode.el = createText('')), parentNode(node), node);
                         nextNode = node;
                     }
                     else {
@@ -7933,7 +7937,7 @@ function createHydrationFunctions(rendererInternals) {
                 }
                 break;
             case Static:
-                if (domType !== 1 /* ELEMENT */) {
+                if (domType !== 1 /* ELEMENT */ && domType !== 3 /* TEXT */) {
                     nextNode = onMismatch();
                 }
                 else {
@@ -7944,7 +7948,10 @@ function createHydrationFunctions(rendererInternals) {
                     const needToAdoptContent = !vnode.children.length;
                     for (let i = 0; i < vnode.staticCount; i++) {
                         if (needToAdoptContent)
-                            vnode.children += nextNode.outerHTML;
+                            vnode.children +=
+                                nextNode.nodeType === 1 /* ELEMENT */
+                                    ? nextNode.outerHTML
+                                    : nextNode.data;
                         if (i === vnode.staticCount - 1) {
                             vnode.anchor = nextNode;
                         }
@@ -10803,10 +10810,10 @@ function getExposeProxy(instance) {
 }
 const classifyRE = /(?:^|[-_])(\w)/g;
 const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-function getComponentName(Component) {
+function getComponentName(Component, includeInferred = true) {
     return isFunction(Component)
         ? Component.displayName || Component.name
-        : Component.name;
+        : Component.name || (includeInferred && Component.__name);
 }
 /* istanbul ignore next */
 function formatComponentName(instance, Component, isRoot = false) {
@@ -11250,7 +11257,7 @@ function isMemoSame(cached, memo) {
 }
 
 // Core API ------------------------------------------------------------------
-const version = "3.2.34";
+const version = "3.2.37";
 const _ssrUtils = {
     createComponentInstance,
     setupComponent,
@@ -11260,7 +11267,7 @@ const _ssrUtils = {
     normalizeVNode
 };
 /**
- * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
+ * SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
  * @internal
  */
 const ssrUtils = (_ssrUtils );
@@ -11615,7 +11622,7 @@ const [_getNow, skipTimestampCheck] = /*#__PURE__*/ (() => {
             // if the low-res timestamp which is bigger than the event timestamp
             // (which is evaluated AFTER) it means the event is using a hi-res timestamp,
             // and we need to use the hi-res version for event listeners as well.
-            _getNow = () => performance.now();
+            _getNow = performance.now.bind(performance);
         }
         // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation
         // and does not fire microtasks in between event propagation, so safe to exclude.
@@ -12167,9 +12174,8 @@ function resolveTransitionProps(rawProps) {
         removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass);
         done && done();
     };
-    let isLeaving = false;
     const finishLeave = (el, done) => {
-        isLeaving = false;
+        el._isLeaving = false;
         removeTransitionClass(el, leaveFromClass);
         removeTransitionClass(el, leaveToClass);
         removeTransitionClass(el, leaveActiveClass);
@@ -12212,7 +12218,7 @@ function resolveTransitionProps(rawProps) {
         onEnter: makeEnterHook(false),
         onAppear: makeEnterHook(true),
         onLeave(el, done) {
-            isLeaving = true;
+            el._isLeaving = true;
             const resolve = () => finishLeave(el, done);
             addTransitionClass(el, leaveFromClass);
             if (legacyClassEnabled) {
@@ -12222,7 +12228,7 @@ function resolveTransitionProps(rawProps) {
             forceReflow();
             addTransitionClass(el, leaveActiveClass);
             nextFrame(() => {
-                if (!isLeaving) {
+                if (!el._isLeaving) {
                     // cancelled
                     return;
                 }
@@ -14968,6 +14974,14 @@ function getConstantType(node, context) {
                 // static then they don't need to be blocks since there will be no
                 // nested updates.
                 if (codegenNode.isBlock) {
+                    // except set custom directives.
+                    for (let i = 0; i < node.props.length; i++) {
+                        const p = node.props[i];
+                        if (p.type === 7 /* DIRECTIVE */) {
+                            constantCache.set(node, 0 /* NOT_CONSTANT */);
+                            return 0 /* NOT_CONSTANT */;
+                        }
+                    }
                     context.removeHelper(OPEN_BLOCK);
                     context.removeHelper(getVNodeBlockHelper(context.inSSR, codegenNode.isComponent));
                     codegenNode.isBlock = false;

package/dist/vue.global.js

@@ -5016,7 +5016,7 @@ var Vue = (function () {
           const Component = instance.type;
           // explicit self name has highest priority
           if (type === COMPONENTS) {
-              const selfName = getComponentName(Component);
+              const selfName = getComponentName(Component, false /* do not include inferred name to avoid breaking existing code */);
               if (selfName &&
                   (selfName === name ||
                       selfName === camelize(name) ||
@@ -7111,7 +7111,7 @@ var Vue = (function () {
               return vm;
           }
       }
-      Vue.version = `2.6.14-compat:${"3.2.34"}`;
+      Vue.version = `2.6.14-compat:${"3.2.37"}`;
       Vue.config = singletonApp.config;
       Vue.use = (p, ...options) => {
           if (p && isFunction(p.install)) {
@@ -7277,9 +7277,11 @@ var Vue = (function () {
       });
   }
   function applySingletonAppMutations(app) {
-      ['mixins', 'components', 'directives', 'filters', 'deopt'].forEach(key => {
+      // copy over asset registries and deopt flag
+      app._context.mixins = [...singletonApp._context.mixins];
+      ['components', 'directives', 'filters'].forEach(key => {
           // @ts-ignore
-          app._context[key] = singletonApp._context[key];
+          app._context[key] = Object.create(singletonApp._context[key]);
       });
       // copy over global config mutations
       isCopyingConfig = true;
@@ -7292,7 +7294,7 @@ var Vue = (function () {
           }
           const val = singletonApp.config[key];
           // @ts-ignore
-          app.config[key] = val;
+          app.config[key] = isObject(val) ? Object.create(val) : val;
           // compat for runtime ignoredElements -> isCustomElement
           if (key === 'ignoredElements' &&
               isCompatEnabled("CONFIG_IGNORED_ELEMENTS" /* CONFIG_IGNORED_ELEMENTS */, null) &&
@@ -7765,7 +7767,7 @@ var Vue = (function () {
                           setupState[ref] = value;
                       }
                   }
-                  else if (isRef(ref)) {
+                  else if (_isRef) {
                       ref.value = value;
                       if (rawRef.k)
                           refs[rawRef.k] = value;
@@ -7804,11 +7806,13 @@ var Vue = (function () {
                       `Performing full mount instead.`);
               patch(null, vnode, container);
               flushPostFlushCbs();
+              container._vnode = vnode;
               return;
           }
           hasMismatch = false;
           hydrateNode(container.firstChild, vnode, null, null, null);
           flushPostFlushCbs();
+          container._vnode = vnode;
           if (hasMismatch && !false) {
               // this error should show up in production
               console.error(`Hydration completed but contains mismatches.`);
@@ -7831,7 +7835,7 @@ var Vue = (function () {
                       // #5728 empty text node inside a slot can cause hydration failure
                       // because the server rendered HTML won't contain a text node
                       if (vnode.children === '') {
-                          insert((vnode.el = createText('')), node.parentElement, node);
+                          insert((vnode.el = createText('')), parentNode(node), node);
                           nextNode = node;
                       }
                       else {
@@ -7858,7 +7862,7 @@ var Vue = (function () {
                   }
                   break;
               case Static:
-                  if (domType !== 1 /* ELEMENT */) {
+                  if (domType !== 1 /* ELEMENT */ && domType !== 3 /* TEXT */) {
                       nextNode = onMismatch();
                   }
                   else {
@@ -7869,7 +7873,10 @@ var Vue = (function () {
                       const needToAdoptContent = !vnode.children.length;
                       for (let i = 0; i < vnode.staticCount; i++) {
                           if (needToAdoptContent)
-                              vnode.children += nextNode.outerHTML;
+                              vnode.children +=
+                                  nextNode.nodeType === 1 /* ELEMENT */
+                                      ? nextNode.outerHTML
+                                      : nextNode.data;
                           if (i === vnode.staticCount - 1) {
                               vnode.anchor = nextNode;
                           }
@@ -10653,10 +10660,10 @@ var Vue = (function () {
   }
   const classifyRE = /(?:^|[-_])(\w)/g;
   const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-  function getComponentName(Component) {
+  function getComponentName(Component, includeInferred = true) {
       return isFunction(Component)
           ? Component.displayName || Component.name
-          : Component.name;
+          : Component.name || (includeInferred && Component.__name);
   }
   /* istanbul ignore next */
   function formatComponentName(instance, Component, isRoot = false) {
@@ -11095,9 +11102,9 @@ var Vue = (function () {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.34";
+  const version = "3.2.37";
   /**
-   * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
+   * SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
    * @internal
    */
   const ssrUtils = (null);
@@ -11451,7 +11458,7 @@ var Vue = (function () {
               // if the low-res timestamp which is bigger than the event timestamp
               // (which is evaluated AFTER) it means the event is using a hi-res timestamp,
               // and we need to use the hi-res version for event listeners as well.
-              _getNow = () => performance.now();
+              _getNow = performance.now.bind(performance);
           }
           // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation
           // and does not fire microtasks in between event propagation, so safe to exclude.
@@ -11989,9 +11996,8 @@ var Vue = (function () {
           removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass);
           done && done();
       };
-      let isLeaving = false;
       const finishLeave = (el, done) => {
-          isLeaving = false;
+          el._isLeaving = false;
           removeTransitionClass(el, leaveFromClass);
           removeTransitionClass(el, leaveToClass);
           removeTransitionClass(el, leaveActiveClass);
@@ -12034,7 +12040,7 @@ var Vue = (function () {
           onEnter: makeEnterHook(false),
           onAppear: makeEnterHook(true),
           onLeave(el, done) {
-              isLeaving = true;
+              el._isLeaving = true;
               const resolve = () => finishLeave(el, done);
               addTransitionClass(el, leaveFromClass);
               if (legacyClassEnabled) {
@@ -12044,7 +12050,7 @@ var Vue = (function () {
               forceReflow();
               addTransitionClass(el, leaveActiveClass);
               nextFrame(() => {
-                  if (!isLeaving) {
+                  if (!el._isLeaving) {
                       // cancelled
                       return;
                   }
@@ -14735,6 +14741,14 @@ var Vue = (function () {
                   // static then they don't need to be blocks since there will be no
                   // nested updates.
                   if (codegenNode.isBlock) {
+                      // except set custom directives.
+                      for (let i = 0; i < node.props.length; i++) {
+                          const p = node.props[i];
+                          if (p.type === 7 /* DIRECTIVE */) {
+                              constantCache.set(node, 0 /* NOT_CONSTANT */);
+                              return 0 /* NOT_CONSTANT */;
+                          }
+                      }
                       context.removeHelper(OPEN_BLOCK);
                       context.removeHelper(getVNodeBlockHelper(context.inSSR, codegenNode.isComponent));
                       codegenNode.isBlock = false;