@vue/compat 3.5.0-alpha.1 → 3.5.0-alpha.2

package/dist/vue.runtime.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.0-alpha.1
+* @vue/compat v3.5.0-alpha.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -81,10 +81,11 @@ const invokeArrayFns = (fns, arg) => {
     fns[i](arg);
   }
 };
-const def = (obj, key, value) => {
+const def = (obj, key, value, writable = false) => {
   Object.defineProperty(obj, key, {
     configurable: true,
     enumerable: false,
+    writable,
     value
   });
 };
@@ -2029,7 +2030,9 @@ const ErrorCodes = {
   "ASYNC_COMPONENT_LOADER": 13,
   "13": "ASYNC_COMPONENT_LOADER",
   "SCHEDULER": 14,
-  "14": "SCHEDULER"
+  "14": "SCHEDULER",
+  "APP_UNMOUNT_CLEANUP": 15,
+  "15": "APP_UNMOUNT_CLEANUP"
 };
 const ErrorTypeStrings$1 = {
   ["sp"]: "serverPrefetch hook",
@@ -2060,7 +2063,8 @@ const ErrorTypeStrings$1 = {
   [11]: "app warnHandler",
   [12]: "ref function",
   [13]: "async component loader",
-  [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core ."
+  [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core .",
+  [15]: "app unmount cleanup function"
 };
 function callWithErrorHandling(fn, instance, type, args) {
   try {
@@ -3286,7 +3290,7 @@ function renderComponentRoot(instance) {
           !!(process.env.NODE_ENV !== "production") ? {
             get attrs() {
               markAttrsAccessed();
-              return attrs;
+              return shallowReadonly(attrs);
             },
             slots,
             emit
@@ -3319,7 +3323,7 @@ function renderComponentRoot(instance) {
             propsOptions
           );
         }
-        root = cloneVNode(root, fallthroughAttrs);
+        root = cloneVNode(root, fallthroughAttrs, false, true);
       } else if (!!(process.env.NODE_ENV !== "production") && !accessedAttrs && root.type !== Comment) {
         const allAttrs = Object.keys(attrs);
         const eventAttrs = [];
@@ -3357,10 +3361,15 @@ function renderComponentRoot(instance) {
           getComponentName(instance.type)
         );
       }
-      root = cloneVNode(root, {
-        class: cls,
-        style
-      });
+      root = cloneVNode(
+        root,
+        {
+          class: cls,
+          style
+        },
+        false,
+        true
+      );
     }
   }
   if (vnode.dirs) {
@@ -3369,7 +3378,7 @@ function renderComponentRoot(instance) {
         `Runtime directive used on component with non-element root node. The directives will not function as intended.`
       );
     }
-    root = cloneVNode(root);
+    root = cloneVNode(root, null, false, true);
     root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
   }
   if (vnode.transition) {
@@ -3864,7 +3873,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
   let parentSuspenseId;
   const isSuspensible = isVNodeSuspensible(vnode);
   if (isSuspensible) {
-    if (parentSuspense == null ? void 0 : parentSuspense.pendingBranch) {
+    if (parentSuspense && parentSuspense.pendingBranch) {
       parentSuspenseId = parentSuspense.pendingId;
       parentSuspense.deps++;
     }
@@ -4176,8 +4185,8 @@ function setActiveBranch(suspense, branch) {
   }
 }
 function isVNodeSuspensible(vnode) {
-  var _a;
-  return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+  const suspensible = vnode.props && vnode.props.suspensible;
+  return suspensible != null && suspensible !== false;
 }
 
 const legacyDirectiveHookMap = {
@@ -4482,34 +4491,29 @@ function createPathGetter(ctx, path) {
     return cur;
   };
 }
-function traverse(value, depth, currentDepth = 0, seen) {
-  if (!isObject(value) || value["__v_skip"]) {
+function traverse(value, depth = Infinity, seen) {
+  if (depth <= 0 || !isObject(value) || value["__v_skip"]) {
     return value;
   }
-  if (depth && depth > 0) {
-    if (currentDepth >= depth) {
-      return value;
-    }
-    currentDepth++;
-  }
   seen = seen || /* @__PURE__ */ new Set();
   if (seen.has(value)) {
     return value;
   }
   seen.add(value);
+  depth--;
   if (isRef(value)) {
-    traverse(value.value, depth, currentDepth, seen);
+    traverse(value.value, depth, seen);
   } else if (isArray(value)) {
     for (let i = 0; i < value.length; i++) {
-      traverse(value[i], depth, currentDepth, seen);
+      traverse(value[i], depth, seen);
     }
   } else if (isSet(value) || isMap(value)) {
     value.forEach((v) => {
-      traverse(v, depth, currentDepth, seen);
+      traverse(v, depth, seen);
     });
   } else if (isPlainObject(value)) {
     for (const key in value) {
-      traverse(value[key], depth, currentDepth, seen);
+      traverse(value[key], depth, seen);
     }
   }
   return value;
@@ -4655,7 +4659,7 @@ const BaseTransitionImpl = {
           instance
         );
         setTransitionHooks(oldInnerChild, leavingHooks);
-        if (mode === "out-in") {
+        if (mode === "out-in" && innerChild.type !== Comment) {
           state.isLeaving = true;
           leavingHooks.afterLeave = () => {
             state.isLeaving = false;
@@ -5201,7 +5205,7 @@ const KeepAliveImpl = {
     return () => {
       pendingCacheKey = null;
       if (!slots.default) {
-        return current = null;
+        return null;
       }
       const children = slots.default();
       const rawVNode = children[0];
@@ -6908,13 +6912,13 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.5.0-alpha.1"}`;
+  Vue.version = `2.6.14-compat:${"3.5.0-alpha.2"}`;
   Vue.config = singletonApp.config;
-  Vue.use = (p, ...options) => {
-    if (p && isFunction(p.install)) {
-      p.install(Vue, ...options);
-    } else if (isFunction(p)) {
-      p(Vue, ...options);
+  Vue.use = (plugin, ...options) => {
+    if (plugin && isFunction(plugin.install)) {
+      plugin.install(Vue, ...options);
+    } else if (isFunction(plugin)) {
+      plugin(Vue, ...options);
     }
     return Vue;
   };
@@ -7314,6 +7318,7 @@ function createAppAPI(render, hydrate) {
     }
     const context = createAppContext();
     const installedPlugins = /* @__PURE__ */ new WeakSet();
+    const pluginCleanupFns = [];
     let isMounted = false;
     const app = context.app = {
       _uid: uid$1++,
@@ -7433,8 +7438,21 @@ If you want to remount the same app, move your app creation logic into a factory
           );
         }
       },
+      onUnmount(cleanupFn) {
+        if (!!(process.env.NODE_ENV !== "production") && typeof cleanupFn !== "function") {
+          warn$1(
+            `Expected function as first argument to app.onUnmount(), but got ${typeof cleanupFn}`
+          );
+        }
+        pluginCleanupFns.push(cleanupFn);
+      },
       unmount() {
         if (isMounted) {
+          callWithAsyncErrorHandling(
+            pluginCleanupFns,
+            app._instance,
+            15
+          );
           render(null, app._container);
           if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
             app._instance = null;
@@ -8035,7 +8053,7 @@ const initSlots = (instance, children) => {
     const type = children._;
     if (type) {
       extend(slots, children);
-      def(slots, "_", type);
+      def(slots, "_", type, true);
     } else {
       normalizeObjectSlots(children, slots, instance);
     }
@@ -10921,8 +10939,8 @@ function guardReactiveProps(props) {
     return null;
   return isProxy(props) || isInternalObject(props) ? extend({}, props) : props;
 }
-function cloneVNode(vnode, extraProps, mergeRef = false) {
-  const { props, ref, patchFlag, children } = vnode;
+function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false) {
+  const { props, ref, patchFlag, children, transition } = vnode;
   const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
   const cloned = {
     __v_isVNode: true,
@@ -10952,7 +10970,7 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
     dynamicChildren: vnode.dynamicChildren,
     appContext: vnode.appContext,
     dirs: vnode.dirs,
-    transition: vnode.transition,
+    transition,
     // These should technically only be non-null on mounted VNodes. However,
     // they *should* be copied for kept-alive vnodes. So we just always copy
     // them since them being non-null during a mount doesn't affect the logic as
@@ -10966,6 +10984,9 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
     ctx: vnode.ctx,
     ce: vnode.ce
   };
+  if (transition && cloneTransition) {
+    cloned.transition = transition.clone(cloned);
+  }
   {
     defineLegacyVNodeProperties(cloned);
   }
@@ -11821,7 +11842,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.5.0-alpha.1";
+const version = "3.5.0-alpha.2";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.0-alpha.1
+* @vue/compat v3.5.0-alpha.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -84,10 +84,11 @@ var Vue = (function () {
       fns[i](arg);
     }
   };
-  const def = (obj, key, value) => {
+  const def = (obj, key, value, writable = false) => {
     Object.defineProperty(obj, key, {
       configurable: true,
       enumerable: false,
+      writable,
       value
     });
   };
@@ -2020,7 +2021,9 @@ var Vue = (function () {
     "ASYNC_COMPONENT_LOADER": 13,
     "13": "ASYNC_COMPONENT_LOADER",
     "SCHEDULER": 14,
-    "14": "SCHEDULER"
+    "14": "SCHEDULER",
+    "APP_UNMOUNT_CLEANUP": 15,
+    "15": "APP_UNMOUNT_CLEANUP"
   };
   const ErrorTypeStrings$1 = {
     ["sp"]: "serverPrefetch hook",
@@ -2051,7 +2054,8 @@ var Vue = (function () {
     [11]: "app warnHandler",
     [12]: "ref function",
     [13]: "async component loader",
-    [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core ."
+    [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core .",
+    [15]: "app unmount cleanup function"
   };
   function callWithErrorHandling(fn, instance, type, args) {
     try {
@@ -3272,7 +3276,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
             true ? {
               get attrs() {
                 markAttrsAccessed();
-                return attrs;
+                return shallowReadonly(attrs);
               },
               slots,
               emit
@@ -3305,7 +3309,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
               propsOptions
             );
           }
-          root = cloneVNode(root, fallthroughAttrs);
+          root = cloneVNode(root, fallthroughAttrs, false, true);
         } else if (!accessedAttrs && root.type !== Comment) {
           const allAttrs = Object.keys(attrs);
           const eventAttrs = [];
@@ -3343,10 +3347,15 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
             getComponentName(instance.type)
           );
         }
-        root = cloneVNode(root, {
-          class: cls,
-          style
-        });
+        root = cloneVNode(
+          root,
+          {
+            class: cls,
+            style
+          },
+          false,
+          true
+        );
       }
     }
     if (vnode.dirs) {
@@ -3355,7 +3364,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
           `Runtime directive used on component with non-element root node. The directives will not function as intended.`
         );
       }
-      root = cloneVNode(root);
+      root = cloneVNode(root, null, false, true);
       root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
     }
     if (vnode.transition) {
@@ -3850,7 +3859,7 @@ If this is a native custom element, make sure to exclude it from component resol
     let parentSuspenseId;
     const isSuspensible = isVNodeSuspensible(vnode);
     if (isSuspensible) {
-      if (parentSuspense == null ? void 0 : parentSuspense.pendingBranch) {
+      if (parentSuspense && parentSuspense.pendingBranch) {
         parentSuspenseId = parentSuspense.pendingId;
         parentSuspense.deps++;
       }
@@ -4162,8 +4171,8 @@ If this is a native custom element, make sure to exclude it from component resol
     }
   }
   function isVNodeSuspensible(vnode) {
-    var _a;
-    return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+    const suspensible = vnode.props && vnode.props.suspensible;
+    return suspensible != null && suspensible !== false;
   }
 
   const legacyDirectiveHookMap = {
@@ -4441,34 +4450,29 @@ If this is a native custom element, make sure to exclude it from component resol
       return cur;
     };
   }
-  function traverse(value, depth, currentDepth = 0, seen) {
-    if (!isObject(value) || value["__v_skip"]) {
+  function traverse(value, depth = Infinity, seen) {
+    if (depth <= 0 || !isObject(value) || value["__v_skip"]) {
       return value;
     }
-    if (depth && depth > 0) {
-      if (currentDepth >= depth) {
-        return value;
-      }
-      currentDepth++;
-    }
     seen = seen || /* @__PURE__ */ new Set();
     if (seen.has(value)) {
       return value;
     }
     seen.add(value);
+    depth--;
     if (isRef(value)) {
-      traverse(value.value, depth, currentDepth, seen);
+      traverse(value.value, depth, seen);
     } else if (isArray(value)) {
       for (let i = 0; i < value.length; i++) {
-        traverse(value[i], depth, currentDepth, seen);
+        traverse(value[i], depth, seen);
       }
     } else if (isSet(value) || isMap(value)) {
       value.forEach((v) => {
-        traverse(v, depth, currentDepth, seen);
+        traverse(v, depth, seen);
       });
     } else if (isPlainObject(value)) {
       for (const key in value) {
-        traverse(value[key], depth, currentDepth, seen);
+        traverse(value[key], depth, seen);
       }
     }
     return value;
@@ -4614,7 +4618,7 @@ If this is a native custom element, make sure to exclude it from component resol
             instance
           );
           setTransitionHooks(oldInnerChild, leavingHooks);
-          if (mode === "out-in") {
+          if (mode === "out-in" && innerChild.type !== Comment) {
             state.isLeaving = true;
             leavingHooks.afterLeave = () => {
               state.isLeaving = false;
@@ -5152,7 +5156,7 @@ If this is a native custom element, make sure to exclude it from component resol
       return () => {
         pendingCacheKey = null;
         if (!slots.default) {
-          return current = null;
+          return null;
         }
         const children = slots.default();
         const rawVNode = children[0];
@@ -6857,13 +6861,13 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.5.0-alpha.1"}`;
+    Vue.version = `2.6.14-compat:${"3.5.0-alpha.2"}`;
     Vue.config = singletonApp.config;
-    Vue.use = (p, ...options) => {
-      if (p && isFunction(p.install)) {
-        p.install(Vue, ...options);
-      } else if (isFunction(p)) {
-        p(Vue, ...options);
+    Vue.use = (plugin, ...options) => {
+      if (plugin && isFunction(plugin.install)) {
+        plugin.install(Vue, ...options);
+      } else if (isFunction(plugin)) {
+        plugin(Vue, ...options);
       }
       return Vue;
     };
@@ -7262,6 +7266,7 @@ If this is a native custom element, make sure to exclude it from component resol
       }
       const context = createAppContext();
       const installedPlugins = /* @__PURE__ */ new WeakSet();
+      const pluginCleanupFns = [];
       let isMounted = false;
       const app = context.app = {
         _uid: uid$1++,
@@ -7379,8 +7384,21 @@ If you want to remount the same app, move your app creation logic into a factory
             );
           }
         },
+        onUnmount(cleanupFn) {
+          if (typeof cleanupFn !== "function") {
+            warn$1(
+              `Expected function as first argument to app.onUnmount(), but got ${typeof cleanupFn}`
+            );
+          }
+          pluginCleanupFns.push(cleanupFn);
+        },
         unmount() {
           if (isMounted) {
+            callWithAsyncErrorHandling(
+              pluginCleanupFns,
+              app._instance,
+              15
+            );
             render(null, app._container);
             {
               app._instance = null;
@@ -7981,7 +7999,7 @@ If you want to remount the same app, move your app creation logic into a factory
       const type = children._;
       if (type) {
         extend(slots, children);
-        def(slots, "_", type);
+        def(slots, "_", type, true);
       } else {
         normalizeObjectSlots(children, slots, instance);
       }
@@ -10819,8 +10837,8 @@ Component that was made reactive: `,
       return null;
     return isProxy(props) || isInternalObject(props) ? extend({}, props) : props;
   }
-  function cloneVNode(vnode, extraProps, mergeRef = false) {
-    const { props, ref, patchFlag, children } = vnode;
+  function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false) {
+    const { props, ref, patchFlag, children, transition } = vnode;
     const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
     const cloned = {
       __v_isVNode: true,
@@ -10850,7 +10868,7 @@ Component that was made reactive: `,
       dynamicChildren: vnode.dynamicChildren,
       appContext: vnode.appContext,
       dirs: vnode.dirs,
-      transition: vnode.transition,
+      transition,
       // These should technically only be non-null on mounted VNodes. However,
       // they *should* be copied for kept-alive vnodes. So we just always copy
       // them since them being non-null during a mount doesn't affect the logic as
@@ -10864,6 +10882,9 @@ Component that was made reactive: `,
       ctx: vnode.ctx,
       ce: vnode.ce
     };
+    if (transition && cloneTransition) {
+      cloned.transition = transition.clone(cloned);
+    }
     {
       defineLegacyVNodeProperties(cloned);
     }
@@ -11688,7 +11709,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.0-alpha.1";
+  const version = "3.5.0-alpha.2";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;