@vue/compat 3.6.0-alpha.5 → 3.6.0-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @vue/compat v3.6.0-alpha.5
2
+ * @vue/compat v3.6.0-alpha.6
3
3
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
4
4
  * @license MIT
5
5
  **/
@@ -4921,7 +4921,8 @@ function createHydrationFunctions(rendererInternals) {
4921
4921
  node,
4922
4922
  container,
4923
4923
  null,
4924
- parentComponent
4924
+ parentComponent,
4925
+ parentSuspense
4925
4926
  );
4926
4927
  } else {
4927
4928
  mountComponent(
@@ -7736,7 +7737,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
7736
7737
  return vm;
7737
7738
  }
7738
7739
  }
7739
- Vue.version = `2.6.14-compat:${"3.6.0-alpha.5"}`;
7740
+ Vue.version = `2.6.14-compat:${"3.6.0-alpha.6"}`;
7740
7741
  Vue.config = singletonApp.config;
7741
7742
  Vue.use = (plugin, ...options) => {
7742
7743
  if (plugin && isFunction(plugin.install)) {
@@ -8837,29 +8838,7 @@ function renderComponentRoot(instance) {
8837
8838
  }
8838
8839
  root = cloneVNode(root, fallthroughAttrs, false, true);
8839
8840
  } else if (!!(process.env.NODE_ENV !== "production") && !accessedAttrs && root.type !== Comment) {
8840
- const allAttrs = Object.keys(attrs);
8841
- const eventAttrs = [];
8842
- const extraAttrs = [];
8843
- for (let i = 0, l = allAttrs.length; i < l; i++) {
8844
- const key = allAttrs[i];
8845
- if (isOn(key)) {
8846
- if (!isModelListener(key)) {
8847
- eventAttrs.push(key[2].toLowerCase() + key.slice(3));
8848
- }
8849
- } else {
8850
- extraAttrs.push(key);
8851
- }
8852
- }
8853
- if (extraAttrs.length) {
8854
- warn$1(
8855
- `Extraneous non-props attributes (${extraAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes.`
8856
- );
8857
- }
8858
- if (eventAttrs.length) {
8859
- warn$1(
8860
- `Extraneous non-emits event listeners (${eventAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.`
8861
- );
8862
- }
8841
+ warnExtraneousAttributes(attrs);
8863
8842
  }
8864
8843
  }
8865
8844
  }
@@ -8932,6 +8911,31 @@ const getChildRoot = (vnode) => {
8932
8911
  };
8933
8912
  return [normalizeVNode(childRoot), setRoot];
8934
8913
  };
8914
+ function warnExtraneousAttributes(attrs) {
8915
+ const allAttrs = Object.keys(attrs);
8916
+ const eventAttrs = [];
8917
+ const extraAttrs = [];
8918
+ for (let i = 0, l = allAttrs.length; i < l; i++) {
8919
+ const key = allAttrs[i];
8920
+ if (isOn(key)) {
8921
+ if (!isModelListener(key)) {
8922
+ eventAttrs.push(key[2].toLowerCase() + key.slice(3));
8923
+ }
8924
+ } else {
8925
+ extraAttrs.push(key);
8926
+ }
8927
+ }
8928
+ if (extraAttrs.length) {
8929
+ warn$1(
8930
+ `Extraneous non-props attributes (${extraAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes.`
8931
+ );
8932
+ }
8933
+ if (eventAttrs.length) {
8934
+ warn$1(
8935
+ `Extraneous non-emits event listeners (${eventAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.`
8936
+ );
8937
+ }
8938
+ }
8935
8939
  function filterSingleRoot(children, recurse = true) {
8936
8940
  let singleRoot;
8937
8941
  for (let i = 0; i < children.length; i++) {
@@ -10305,7 +10309,8 @@ function baseCreateRenderer(options, createHydrationFns) {
10305
10309
  n2,
10306
10310
  container,
10307
10311
  anchor,
10308
- parentComponent
10312
+ parentComponent,
10313
+ parentSuspense
10309
10314
  );
10310
10315
  }
10311
10316
  } else {
@@ -10367,7 +10372,42 @@ function baseCreateRenderer(options, createHydrationFns) {
10367
10372
  }
10368
10373
  if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating) initialVNode.el = null;
10369
10374
  if (instance.asyncDep) {
10370
- parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect, optimized);
10375
+ if (parentSuspense) {
10376
+ const hydratedEl = instance.vnode.el;
10377
+ parentSuspense.registerDep(instance, (setupResult) => {
10378
+ const { vnode } = instance;
10379
+ if (!!(process.env.NODE_ENV !== "production")) {
10380
+ pushWarningContext(vnode);
10381
+ }
10382
+ handleSetupResult(instance, setupResult, false);
10383
+ if (hydratedEl) {
10384
+ vnode.el = hydratedEl;
10385
+ }
10386
+ const placeholder = !hydratedEl && instance.subTree.el;
10387
+ setupRenderEffect(
10388
+ instance,
10389
+ vnode,
10390
+ // component may have been moved before resolve.
10391
+ // if this is not a hydration, instance.subTree will be the comment
10392
+ // placeholder.
10393
+ hostParentNode(hydratedEl || instance.subTree.el),
10394
+ // anchor will not be used if this is hydration, so only need to
10395
+ // consider the comment placeholder case.
10396
+ hydratedEl ? null : getNextHostNode(instance.subTree),
10397
+ parentSuspense,
10398
+ namespace,
10399
+ optimized
10400
+ );
10401
+ if (placeholder) {
10402
+ vnode.placeholder = null;
10403
+ hostRemove(placeholder);
10404
+ }
10405
+ updateHOCHostEl(instance, vnode.el);
10406
+ if (!!(process.env.NODE_ENV !== "production")) {
10407
+ popWarningContext();
10408
+ }
10409
+ });
10410
+ }
10371
10411
  if (!initialVNode.el) {
10372
10412
  const placeholder = instance.subTree = createVNode(Comment);
10373
10413
  processCommentNode(null, placeholder, container, anchor);
@@ -11735,7 +11775,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
11735
11775
  m: move,
11736
11776
  um: unmount,
11737
11777
  n: next,
11738
- o: { parentNode, remove }
11778
+ o: { parentNode }
11739
11779
  } = rendererInternals;
11740
11780
  let parentSuspenseId;
11741
11781
  const isSuspensible = isVNodeSuspensible(vnode);
@@ -11910,12 +11950,11 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
11910
11950
  next() {
11911
11951
  return suspense.activeBranch && next(suspense.activeBranch);
11912
11952
  },
11913
- registerDep(instance, setupRenderEffect, optimized2) {
11953
+ registerDep(instance, onResolve) {
11914
11954
  const isInPendingSuspense = !!suspense.pendingBranch;
11915
11955
  if (isInPendingSuspense) {
11916
11956
  suspense.deps++;
11917
11957
  }
11918
- const hydratedEl = instance.vnode.el;
11919
11958
  instance.asyncDep.catch((err) => {
11920
11959
  handleError(err, instance, 0);
11921
11960
  }).then((asyncSetupResult) => {
@@ -11923,37 +11962,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
11923
11962
  return;
11924
11963
  }
11925
11964
  instance.asyncResolved = true;
11926
- const { vnode: vnode2 } = instance;
11927
- if (!!(process.env.NODE_ENV !== "production")) {
11928
- pushWarningContext(vnode2);
11929
- }
11930
- handleSetupResult(instance, asyncSetupResult, false);
11931
- if (hydratedEl) {
11932
- vnode2.el = hydratedEl;
11933
- }
11934
- const placeholder = !hydratedEl && instance.subTree.el;
11935
- setupRenderEffect(
11936
- instance,
11937
- vnode2,
11938
- // component may have been moved before resolve.
11939
- // if this is not a hydration, instance.subTree will be the comment
11940
- // placeholder.
11941
- parentNode(hydratedEl || instance.subTree.el),
11942
- // anchor will not be used if this is hydration, so only need to
11943
- // consider the comment placeholder case.
11944
- hydratedEl ? null : next(instance.subTree),
11945
- suspense,
11946
- namespace,
11947
- optimized2
11948
- );
11949
- if (placeholder) {
11950
- vnode2.placeholder = null;
11951
- remove(placeholder);
11952
- }
11953
- updateHOCHostEl(instance, vnode2.el);
11954
- if (!!(process.env.NODE_ENV !== "production")) {
11955
- popWarningContext();
11956
- }
11965
+ onResolve(asyncSetupResult);
11957
11966
  if (isInPendingSuspense && --suspense.deps === 0) {
11958
11967
  suspense.resolve();
11959
11968
  }
@@ -13231,7 +13240,7 @@ function isMemoSame(cached, memo) {
13231
13240
  return true;
13232
13241
  }
13233
13242
 
13234
- const version = "3.6.0-alpha.5";
13243
+ const version = "3.6.0-alpha.6";
13235
13244
  const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
13236
13245
  const ErrorTypeStrings = ErrorTypeStrings$1 ;
13237
13246
  const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;
@@ -15475,6 +15484,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
15475
15484
  getCurrentInstance: getCurrentInstance,
15476
15485
  getCurrentScope: getCurrentScope,
15477
15486
  getCurrentWatcher: getCurrentWatcher,
15487
+ getFunctionalFallthrough: getFunctionalFallthrough,
15478
15488
  getInheritedScopeIds: getInheritedScopeIds,
15479
15489
  getTransitionRawChildren: getTransitionRawChildren,
15480
15490
  guardReactiveProps: guardReactiveProps,
@@ -15632,6 +15642,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
15632
15642
  validateProps: validateProps,
15633
15643
  version: version,
15634
15644
  warn: warn,
15645
+ warnExtraneousAttributes: warnExtraneousAttributes,
15635
15646
  warnPropMismatch: warnPropMismatch,
15636
15647
  watch: watch,
15637
15648
  watchEffect: watchEffect,
@@ -21259,7 +21270,9 @@ const isNonKeyModifier = /* @__PURE__ */ makeMap(
21259
21270
  `stop,prevent,self,ctrl,shift,alt,meta,exact,middle`
21260
21271
  );
21261
21272
  const maybeKeyModifier = /* @__PURE__ */ makeMap("left,right");
21262
- const isKeyboardEvent = /* @__PURE__ */ makeMap(`onkeyup,onkeydown,onkeypress`);
21273
+ const isKeyboardEvent = /* @__PURE__ */ makeMap(
21274
+ `onkeyup,onkeydown,onkeypress`
21275
+ );
21263
21276
  const resolveModifiers = (key, modifiers, context, loc) => {
21264
21277
  const keyModifiers = [];
21265
21278
  const nonKeyModifiers = [];
@@ -21686,4 +21699,4 @@ Vue.compile = compileToFunction;
21686
21699
 
21687
21700
  const configureCompat = Vue.configureCompat;
21688
21701
 
21689
- export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VueElement, VueElementBase, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, baseUseCssVars, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, configureCompat, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, Vue as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureVaporSlotFallback, expose, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, handleMovedChildren, hasCSSTransform, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, initFeatureFlags, inject, isAsyncWrapper, isEmitListener, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode$1 as isTemplateNode, isVNode, isValidHtmlOrSvgAttribute, leaveCbKey, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, patchProp, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, resolveTransitionProps, setBlockTracking, setCurrentInstance, setDevtoolsHook, setRef, setTransitionHooks, setVarsOnNode, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, svgNS, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, validateComponentName, validateProps, version, warn, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId, xlinkNS };
21702
+ export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VueElement, VueElementBase, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, baseUseCssVars, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, configureCompat, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, Vue as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureVaporSlotFallback, expose, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, handleMovedChildren, hasCSSTransform, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, initFeatureFlags, inject, isAsyncWrapper, isEmitListener, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode$1 as isTemplateNode, isVNode, isValidHtmlOrSvgAttribute, leaveCbKey, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, patchProp, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, resolveTransitionProps, setBlockTracking, setCurrentInstance, setDevtoolsHook, setRef, setTransitionHooks, setVarsOnNode, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, svgNS, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId, xlinkNS };
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @vue/compat v3.6.0-alpha.5
2
+ * @vue/compat v3.6.0-alpha.6
3
3
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
4
4
  * @license MIT
5
5
  **/
@@ -4900,7 +4900,8 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
4900
4900
  node,
4901
4901
  container,
4902
4902
  null,
4903
- parentComponent
4903
+ parentComponent,
4904
+ parentSuspense
4904
4905
  );
4905
4906
  } else {
4906
4907
  mountComponent(
@@ -7681,7 +7682,7 @@ If this is a native custom element, make sure to exclude it from component resol
7681
7682
  return vm;
7682
7683
  }
7683
7684
  }
7684
- Vue.version = `2.6.14-compat:${"3.6.0-alpha.5"}`;
7685
+ Vue.version = `2.6.14-compat:${"3.6.0-alpha.6"}`;
7685
7686
  Vue.config = singletonApp.config;
7686
7687
  Vue.use = (plugin, ...options) => {
7687
7688
  if (plugin && isFunction(plugin.install)) {
@@ -8752,29 +8753,7 @@ If you want to remount the same app, move your app creation logic into a factory
8752
8753
  }
8753
8754
  root = cloneVNode(root, fallthroughAttrs, false, true);
8754
8755
  } else if (!accessedAttrs && root.type !== Comment) {
8755
- const allAttrs = Object.keys(attrs);
8756
- const eventAttrs = [];
8757
- const extraAttrs = [];
8758
- for (let i = 0, l = allAttrs.length; i < l; i++) {
8759
- const key = allAttrs[i];
8760
- if (isOn(key)) {
8761
- if (!isModelListener(key)) {
8762
- eventAttrs.push(key[2].toLowerCase() + key.slice(3));
8763
- }
8764
- } else {
8765
- extraAttrs.push(key);
8766
- }
8767
- }
8768
- if (extraAttrs.length) {
8769
- warn$1(
8770
- `Extraneous non-props attributes (${extraAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes.`
8771
- );
8772
- }
8773
- if (eventAttrs.length) {
8774
- warn$1(
8775
- `Extraneous non-emits event listeners (${eventAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.`
8776
- );
8777
- }
8756
+ warnExtraneousAttributes(attrs);
8778
8757
  }
8779
8758
  }
8780
8759
  }
@@ -8847,6 +8826,31 @@ If you want to remount the same app, move your app creation logic into a factory
8847
8826
  };
8848
8827
  return [normalizeVNode(childRoot), setRoot];
8849
8828
  };
8829
+ function warnExtraneousAttributes(attrs) {
8830
+ const allAttrs = Object.keys(attrs);
8831
+ const eventAttrs = [];
8832
+ const extraAttrs = [];
8833
+ for (let i = 0, l = allAttrs.length; i < l; i++) {
8834
+ const key = allAttrs[i];
8835
+ if (isOn(key)) {
8836
+ if (!isModelListener(key)) {
8837
+ eventAttrs.push(key[2].toLowerCase() + key.slice(3));
8838
+ }
8839
+ } else {
8840
+ extraAttrs.push(key);
8841
+ }
8842
+ }
8843
+ if (extraAttrs.length) {
8844
+ warn$1(
8845
+ `Extraneous non-props attributes (${extraAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes.`
8846
+ );
8847
+ }
8848
+ if (eventAttrs.length) {
8849
+ warn$1(
8850
+ `Extraneous non-emits event listeners (${eventAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.`
8851
+ );
8852
+ }
8853
+ }
8850
8854
  function filterSingleRoot(children, recurse = true) {
8851
8855
  let singleRoot;
8852
8856
  for (let i = 0; i < children.length; i++) {
@@ -10171,7 +10175,8 @@ If you want to remount the same app, move your app creation logic into a factory
10171
10175
  n2,
10172
10176
  container,
10173
10177
  anchor,
10174
- parentComponent
10178
+ parentComponent,
10179
+ parentSuspense
10175
10180
  );
10176
10181
  }
10177
10182
  } else {
@@ -10233,7 +10238,42 @@ If you want to remount the same app, move your app creation logic into a factory
10233
10238
  }
10234
10239
  if (isHmrUpdating) initialVNode.el = null;
10235
10240
  if (instance.asyncDep) {
10236
- parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect, optimized);
10241
+ if (parentSuspense) {
10242
+ const hydratedEl = instance.vnode.el;
10243
+ parentSuspense.registerDep(instance, (setupResult) => {
10244
+ const { vnode } = instance;
10245
+ {
10246
+ pushWarningContext(vnode);
10247
+ }
10248
+ handleSetupResult(instance, setupResult, false);
10249
+ if (hydratedEl) {
10250
+ vnode.el = hydratedEl;
10251
+ }
10252
+ const placeholder = !hydratedEl && instance.subTree.el;
10253
+ setupRenderEffect(
10254
+ instance,
10255
+ vnode,
10256
+ // component may have been moved before resolve.
10257
+ // if this is not a hydration, instance.subTree will be the comment
10258
+ // placeholder.
10259
+ hostParentNode(hydratedEl || instance.subTree.el),
10260
+ // anchor will not be used if this is hydration, so only need to
10261
+ // consider the comment placeholder case.
10262
+ hydratedEl ? null : getNextHostNode(instance.subTree),
10263
+ parentSuspense,
10264
+ namespace,
10265
+ optimized
10266
+ );
10267
+ if (placeholder) {
10268
+ vnode.placeholder = null;
10269
+ hostRemove(placeholder);
10270
+ }
10271
+ updateHOCHostEl(instance, vnode.el);
10272
+ {
10273
+ popWarningContext();
10274
+ }
10275
+ });
10276
+ }
10237
10277
  if (!initialVNode.el) {
10238
10278
  const placeholder = instance.subTree = createVNode(Comment);
10239
10279
  processCommentNode(null, placeholder, container, anchor);
@@ -11601,7 +11641,7 @@ app.use(vaporInteropPlugin)
11601
11641
  m: move,
11602
11642
  um: unmount,
11603
11643
  n: next,
11604
- o: { parentNode, remove }
11644
+ o: { parentNode }
11605
11645
  } = rendererInternals;
11606
11646
  let parentSuspenseId;
11607
11647
  const isSuspensible = isVNodeSuspensible(vnode);
@@ -11776,12 +11816,11 @@ app.use(vaporInteropPlugin)
11776
11816
  next() {
11777
11817
  return suspense.activeBranch && next(suspense.activeBranch);
11778
11818
  },
11779
- registerDep(instance, setupRenderEffect, optimized2) {
11819
+ registerDep(instance, onResolve) {
11780
11820
  const isInPendingSuspense = !!suspense.pendingBranch;
11781
11821
  if (isInPendingSuspense) {
11782
11822
  suspense.deps++;
11783
11823
  }
11784
- const hydratedEl = instance.vnode.el;
11785
11824
  instance.asyncDep.catch((err) => {
11786
11825
  handleError(err, instance, 0);
11787
11826
  }).then((asyncSetupResult) => {
@@ -11789,37 +11828,7 @@ app.use(vaporInteropPlugin)
11789
11828
  return;
11790
11829
  }
11791
11830
  instance.asyncResolved = true;
11792
- const { vnode: vnode2 } = instance;
11793
- {
11794
- pushWarningContext(vnode2);
11795
- }
11796
- handleSetupResult(instance, asyncSetupResult, false);
11797
- if (hydratedEl) {
11798
- vnode2.el = hydratedEl;
11799
- }
11800
- const placeholder = !hydratedEl && instance.subTree.el;
11801
- setupRenderEffect(
11802
- instance,
11803
- vnode2,
11804
- // component may have been moved before resolve.
11805
- // if this is not a hydration, instance.subTree will be the comment
11806
- // placeholder.
11807
- parentNode(hydratedEl || instance.subTree.el),
11808
- // anchor will not be used if this is hydration, so only need to
11809
- // consider the comment placeholder case.
11810
- hydratedEl ? null : next(instance.subTree),
11811
- suspense,
11812
- namespace,
11813
- optimized2
11814
- );
11815
- if (placeholder) {
11816
- vnode2.placeholder = null;
11817
- remove(placeholder);
11818
- }
11819
- updateHOCHostEl(instance, vnode2.el);
11820
- {
11821
- popWarningContext();
11822
- }
11831
+ onResolve(asyncSetupResult);
11823
11832
  if (isInPendingSuspense && --suspense.deps === 0) {
11824
11833
  suspense.resolve();
11825
11834
  }
@@ -13066,7 +13075,7 @@ Component that was made reactive: `,
13066
13075
  return true;
13067
13076
  }
13068
13077
 
13069
- const version = "3.6.0-alpha.5";
13078
+ const version = "3.6.0-alpha.6";
13070
13079
  const warn = warn$1 ;
13071
13080
  const ErrorTypeStrings = ErrorTypeStrings$1 ;
13072
13081
  const devtools = devtools$1 ;
@@ -20941,7 +20950,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
20941
20950
  `stop,prevent,self,ctrl,shift,alt,meta,exact,middle`
20942
20951
  );
20943
20952
  const maybeKeyModifier = /* @__PURE__ */ makeMap("left,right");
20944
- const isKeyboardEvent = /* @__PURE__ */ makeMap(`onkeyup,onkeydown,onkeypress`);
20953
+ const isKeyboardEvent = /* @__PURE__ */ makeMap(
20954
+ `onkeyup,onkeydown,onkeypress`
20955
+ );
20945
20956
  const resolveModifiers = (key, modifiers, context, loc) => {
20946
20957
  const keyModifiers = [];
20947
20958
  const nonKeyModifiers = [];