@vue/compat 3.5.0-alpha.3 → 3.5.0-alpha.4

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.0-alpha.3
+* @vue/compat v3.5.0-alpha.4
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -4004,6 +4004,7 @@ function defineAsyncComponent(source) {
     },
     setup() {
       const instance = currentInstance;
+      markAsyncBoundary(instance);
       if (resolvedComp) {
         return () => createInnerComp(resolvedComp, instance);
       }
@@ -4025,8 +4026,6 @@ function defineAsyncComponent(source) {
             error: err
           }) : null;
         });
-      } else {
-        markAsyncBoundary(instance);
       }
       const loaded = ref(false);
       const error = ref();
@@ -5970,7 +5969,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.5.0-alpha.3"}`;
+  Vue.version = `2.6.14-compat:${"3.5.0-alpha.4"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -8554,7 +8553,7 @@ function baseCreateRenderer(options, createHydrationFns) {
     const componentUpdateFn = () => {
       if (!instance.isMounted) {
         let vnodeHook;
-        const { el, props } = initialVNode;
+        const { el, props, type } = initialVNode;
         const { bm, m, parent } = instance;
         const isAsyncWrapperVNode = isAsyncWrapper(initialVNode);
         toggleRecurse(instance, false);
@@ -8591,8 +8590,8 @@ function baseCreateRenderer(options, createHydrationFns) {
               endMeasure(instance, `hydrate`);
             }
           };
-          if (isAsyncWrapperVNode) {
-            initialVNode.type.__asyncLoader().then(
+          if (isAsyncWrapperVNode && !type.__asyncResolved) {
+            type.__asyncLoader().then(
               // note: we are moving the render call into an async callback,
               // which means it won't track dependencies - but it's ok because
               // a server-rendered async wrapper is already in resolved state
@@ -9744,7 +9743,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
   const modifiers = getModelModifiers(props, name);
   const res = customRef((track, trigger) => {
     let localValue;
-    let prevSetValue;
+    let prevSetValue = EMPTY_OBJ;
     let prevEmittedValue;
     watchSyncEffect(() => {
       const propValue = props[name];
@@ -9759,7 +9758,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
         return options.get ? options.get(localValue) : localValue;
       },
       set(value) {
-        if (!hasChanged(value, localValue)) {
+        if (!hasChanged(value, localValue) && !(prevSetValue !== EMPTY_OBJ && hasChanged(value, prevSetValue))) {
           return;
         }
         const rawProps = i.vnode.props;
@@ -9770,7 +9769,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
         }
         const emittedValue = options.set ? options.set(value) : value;
         i.emit(`update:${name}`, emittedValue);
-        if (value !== emittedValue && value !== prevSetValue && emittedValue === prevEmittedValue) {
+        if (hasChanged(value, emittedValue) && hasChanged(value, prevSetValue) && !hasChanged(emittedValue, prevEmittedValue)) {
           trigger();
         }
         prevSetValue = value;
@@ -11486,7 +11485,7 @@ function setupStatefulComponent(instance, isSSR) {
     resetTracking();
     reset();
     if (isPromise(setupResult)) {
-      markAsyncBoundary(instance);
+      if (!isAsyncWrapper(instance)) markAsyncBoundary(instance);
       setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
       if (isSSR) {
         return setupResult.then((resolvedResult) => {
@@ -11991,7 +11990,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.5.0-alpha.3";
+const version = "3.5.0-alpha.4";
 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.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.0-alpha.3
+* @vue/compat v3.5.0-alpha.4
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -3988,6 +3988,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
       },
       setup() {
         const instance = currentInstance;
+        markAsyncBoundary(instance);
         if (resolvedComp) {
           return () => createInnerComp(resolvedComp, instance);
         }
@@ -4009,8 +4010,6 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
               error: err
             }) : null;
           });
-        } else {
-          markAsyncBoundary(instance);
         }
         const loaded = ref(false);
         const error = ref();
@@ -5943,7 +5942,7 @@ 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.3"}`;
+    Vue.version = `2.6.14-compat:${"3.5.0-alpha.4"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -8476,7 +8475,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       const componentUpdateFn = () => {
         if (!instance.isMounted) {
           let vnodeHook;
-          const { el, props } = initialVNode;
+          const { el, props, type } = initialVNode;
           const { bm, m, parent } = instance;
           const isAsyncWrapperVNode = isAsyncWrapper(initialVNode);
           toggleRecurse(instance, false);
@@ -8513,8 +8512,8 @@ Server rendered element contains fewer child nodes than client vdom.`
                 endMeasure(instance, `hydrate`);
               }
             };
-            if (isAsyncWrapperVNode) {
-              initialVNode.type.__asyncLoader().then(
+            if (isAsyncWrapperVNode && !type.__asyncResolved) {
+              type.__asyncLoader().then(
                 // note: we are moving the render call into an async callback,
                 // which means it won't track dependencies - but it's ok because
                 // a server-rendered async wrapper is already in resolved state
@@ -9640,7 +9639,7 @@ Server rendered element contains fewer child nodes than client vdom.`
     const modifiers = getModelModifiers(props, name);
     const res = customRef((track, trigger) => {
       let localValue;
-      let prevSetValue;
+      let prevSetValue = EMPTY_OBJ;
       let prevEmittedValue;
       watchSyncEffect(() => {
         const propValue = props[name];
@@ -9655,7 +9654,7 @@ Server rendered element contains fewer child nodes than client vdom.`
           return options.get ? options.get(localValue) : localValue;
         },
         set(value) {
-          if (!hasChanged(value, localValue)) {
+          if (!hasChanged(value, localValue) && !(prevSetValue !== EMPTY_OBJ && hasChanged(value, prevSetValue))) {
             return;
           }
           const rawProps = i.vnode.props;
@@ -9666,7 +9665,7 @@ Server rendered element contains fewer child nodes than client vdom.`
           }
           const emittedValue = options.set ? options.set(value) : value;
           i.emit(`update:${name}`, emittedValue);
-          if (value !== emittedValue && value !== prevSetValue && emittedValue === prevEmittedValue) {
+          if (hasChanged(value, emittedValue) && hasChanged(value, prevSetValue) && !hasChanged(emittedValue, prevEmittedValue)) {
             trigger();
           }
           prevSetValue = value;
@@ -11368,7 +11367,7 @@ Component that was made reactive: `,
       resetTracking();
       reset();
       if (isPromise(setupResult)) {
-        markAsyncBoundary(instance);
+        if (!isAsyncWrapper(instance)) markAsyncBoundary(instance);
         setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
         if (isSSR) {
           return setupResult.then((resolvedResult) => {
@@ -11859,7 +11858,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.0-alpha.3";
+  const version = "3.5.0-alpha.4";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;