@vue/runtime-core 3.5.0-alpha.3 → 3.5.0-alpha.4

package/dist/runtime-core.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-core v3.5.0-alpha.3
+* @vue/runtime-core v3.5.0-alpha.4
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1519,6 +1519,7 @@ function defineAsyncComponent(source) {
     },
     setup() {
       const instance = currentInstance;
+      markAsyncBoundary(instance);
       if (resolvedComp) {
         return () => createInnerComp(resolvedComp, instance);
       }
@@ -1540,8 +1541,6 @@ function defineAsyncComponent(source) {
             error: err
           }) : null;
         });
-      } else {
-        markAsyncBoundary(instance);
       }
       const loaded = reactivity.ref(false);
       const error = reactivity.ref();
@@ -4942,7 +4941,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);
@@ -4976,8 +4975,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
@@ -6089,7 +6088,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
   const modifiers = getModelModifiers(props, name);
   const res = reactivity.customRef((track, trigger) => {
     let localValue;
-    let prevSetValue;
+    let prevSetValue = shared.EMPTY_OBJ;
     let prevEmittedValue;
     watchSyncEffect(() => {
       const propValue = props[name];
@@ -6104,7 +6103,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
         return options.get ? options.get(localValue) : localValue;
       },
       set(value) {
-        if (!shared.hasChanged(value, localValue)) {
+        if (!shared.hasChanged(value, localValue) && !(prevSetValue !== shared.EMPTY_OBJ && shared.hasChanged(value, prevSetValue))) {
           return;
         }
         const rawProps = i.vnode.props;
@@ -6115,7 +6114,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
         }
         const emittedValue = options.set ? options.set(value) : value;
         i.emit(`update:${name}`, emittedValue);
-        if (value !== emittedValue && value !== prevSetValue && emittedValue === prevEmittedValue) {
+        if (shared.hasChanged(value, emittedValue) && shared.hasChanged(value, prevSetValue) && !shared.hasChanged(emittedValue, prevEmittedValue)) {
           trigger();
         }
         prevSetValue = value;
@@ -7734,7 +7733,7 @@ function setupStatefulComponent(instance, isSSR) {
     reactivity.resetTracking();
     reset();
     if (shared.isPromise(setupResult)) {
-      markAsyncBoundary(instance);
+      if (!isAsyncWrapper(instance)) markAsyncBoundary(instance);
       setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
       if (isSSR) {
         return setupResult.then((resolvedResult) => {
@@ -8215,7 +8214,7 @@ function isMemoSame(cached, memo) {
   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 ;

package/dist/runtime-core.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-core v3.5.0-alpha.3
+* @vue/runtime-core v3.5.0-alpha.4
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1072,6 +1072,7 @@ function defineAsyncComponent(source) {
     },
     setup() {
       const instance = currentInstance;
+      markAsyncBoundary(instance);
       if (resolvedComp) {
         return () => createInnerComp(resolvedComp, instance);
       }
@@ -1093,8 +1094,6 @@ function defineAsyncComponent(source) {
             error: err
           }) : null;
         });
-      } else {
-        markAsyncBoundary(instance);
       }
       const loaded = reactivity.ref(false);
       const error = reactivity.ref();
@@ -3751,7 +3750,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);
@@ -3773,8 +3772,8 @@ function baseCreateRenderer(options, createHydrationFns) {
               null
             );
           };
-          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
@@ -4768,7 +4767,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
   const modifiers = getModelModifiers(props, name);
   const res = reactivity.customRef((track, trigger) => {
     let localValue;
-    let prevSetValue;
+    let prevSetValue = shared.EMPTY_OBJ;
     let prevEmittedValue;
     watchSyncEffect(() => {
       const propValue = props[name];
@@ -4783,7 +4782,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
         return options.get ? options.get(localValue) : localValue;
       },
       set(value) {
-        if (!shared.hasChanged(value, localValue)) {
+        if (!shared.hasChanged(value, localValue) && !(prevSetValue !== shared.EMPTY_OBJ && shared.hasChanged(value, prevSetValue))) {
           return;
         }
         const rawProps = i.vnode.props;
@@ -4794,7 +4793,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
         }
         const emittedValue = options.set ? options.set(value) : value;
         i.emit(`update:${name}`, emittedValue);
-        if (value !== emittedValue && value !== prevSetValue && emittedValue === prevEmittedValue) {
+        if (shared.hasChanged(value, emittedValue) && shared.hasChanged(value, prevSetValue) && !shared.hasChanged(emittedValue, prevEmittedValue)) {
           trigger();
         }
         prevSetValue = value;
@@ -6191,7 +6190,7 @@ function setupStatefulComponent(instance, isSSR) {
     reactivity.resetTracking();
     reset();
     if (shared.isPromise(setupResult)) {
-      markAsyncBoundary(instance);
+      if (!isAsyncWrapper(instance)) markAsyncBoundary(instance);
       setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
       if (isSSR) {
         return setupResult.then((resolvedResult) => {
@@ -6385,7 +6384,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.5.0-alpha.3";
+const version = "3.5.0-alpha.4";
 const warn$1 = shared.NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = void 0;

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

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-core v3.5.0-alpha.3
+* @vue/runtime-core v3.5.0-alpha.4
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1523,6 +1523,7 @@ function defineAsyncComponent(source) {
     },
     setup() {
       const instance = currentInstance;
+      markAsyncBoundary(instance);
       if (resolvedComp) {
         return () => createInnerComp(resolvedComp, instance);
       }
@@ -1544,8 +1545,6 @@ function defineAsyncComponent(source) {
             error: err
           }) : null;
         });
-      } else {
-        markAsyncBoundary(instance);
       }
       const loaded = ref(false);
       const error = ref();
@@ -4999,7 +4998,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);
@@ -5033,8 +5032,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
@@ -6146,7 +6145,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];
@@ -6161,7 +6160,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;
@@ -6172,7 +6171,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;
@@ -7793,7 +7792,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) => {
@@ -8286,7 +8285,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/runtime-core",
-  "version": "3.5.0-alpha.3",
+  "version": "3.5.0-alpha.4",
   "description": "@vue/runtime-core",
   "main": "index.js",
   "module": "dist/runtime-core.esm-bundler.js",
@@ -46,7 +46,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/runtime-core#readme",
   "dependencies": {
-    "@vue/shared": "3.5.0-alpha.3",
-    "@vue/reactivity": "3.5.0-alpha.3"
+    "@vue/shared": "3.5.0-alpha.4",
+    "@vue/reactivity": "3.5.0-alpha.4"
   }
 }