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

package/dist/vue.runtime.esm-browser.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
 **/
@@ -3918,6 +3918,7 @@ function defineAsyncComponent(source) {
     },
     setup() {
       const instance = currentInstance;
+      markAsyncBoundary(instance);
       if (resolvedComp) {
         return () => createInnerComp(resolvedComp, instance);
       }
@@ -3939,8 +3940,6 @@ function defineAsyncComponent(source) {
             error: err
           }) : null;
         });
-      } else {
-        markAsyncBoundary(instance);
       }
       const loaded = ref(false);
       const error = ref();
@@ -5882,7 +5881,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)) {
@@ -8415,7 +8414,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);
@@ -8452,8 +8451,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
@@ -9605,7 +9604,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];
@@ -9620,7 +9619,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;
@@ -9631,7 +9630,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;
@@ -11345,7 +11344,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) => {
@@ -11838,7 +11837,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 ;