@vue/compat 3.6.0-rc.3 → 3.6.0-rc.5

package/dist/vue-compat.d.ts

@@ -1035,21 +1035,25 @@ interface AppConfig extends GenericAppConfig {
 /**
 * The vapor in vdom implementation is in runtime-vapor/src/vdomInterop.ts
 */
-interface VaporInteropInterface {
+interface VaporInVdomInterface {
   mount(vnode: VNode, container: any, anchor: any, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null, onBeforeMount?: () => void, onVnodeBeforeMount?: () => void): GenericComponentInstance;
   update(n1: VNode, n2: VNode, shouldUpdate: boolean, onBeforeUpdate?: () => void, onVnodeBeforeUpdate?: () => void): void;
   unmount(vnode: VNode, doRemove: boolean | undefined, parentSuspense: SuspenseBoundary | null): void;
   move(vnode: VNode, container: any, anchor: any, moveType: MoveType, parentSuspense: SuspenseBoundary | null): void;
-  slot(n1: VNode | null, n2: VNode, container: any, anchor: any, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null): void;
+  slot(n1: VNode | null, n2: VNode, container: any, anchor: any, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null, slotScopeIds: string[] | null): void;
   hydrate(vnode: VNode, node: any, container: any, anchor: any, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null, onBeforeMount?: () => void, onVnodeBeforeMount?: () => void): Node;
-  hydrateSlot(vnode: VNode, node: any, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null): Node;
+  hydrateSlot(vnode: VNode, node: any, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null, slotScopeIds: string[] | null): Node;
   activate(vnode: VNode, container: any, anchor: any, parentComponent: ComponentInternalInstance, parentSuspense: SuspenseBoundary | null): void;
   deactivate(vnode: VNode, container: any, parentSuspense: SuspenseBoundary | null): void;
   setTransitionHooks(component: ComponentInternalInstance, transition: TransitionHooks): void;
-  vdomMount: (component: ConcreteComponent, parentComponent: any, props?: any, slots?: any, once?: boolean) => any;
-  vdomUnmount: UnmountComponentFn;
-  vdomSlot: (slots: any, name: string | (() => string), props: Record<string, any>, parentComponent: any, fallback?: any, once?: boolean, slotRoot?: boolean, sharedFallback?: boolean, inheritFallback?: boolean, adoptAnchor?: Node) => any;
-  vdomMountVNode: (vnode: VNode, parentComponent: any) => any;
+}
+/**
+* The vdom in vapor implementation is in runtime-vapor/src/vdomInterop.ts
+*/
+interface VdomInVaporInterface {
+  mount: (component: ConcreteComponent, parentComponent: any, props?: any, slots?: any, once?: boolean) => any;
+  slot: (slots: any, name: string | (() => string), props: Record<string, any>, parentComponent: any, fallback?: any, once?: boolean, slotRoot?: boolean, sharedFallback?: boolean, inheritFallback?: boolean, adoptAnchor?: Node) => any;
+  mountVNode: (vnode: VNode, parentComponent: any, getFallthroughAttrs?: () => Record<string, any>) => any;
 }
 /**
 * Minimal app context shared between vdom and vapor
@@ -1068,7 +1072,11 @@ interface GenericAppContext {
   /**
   * @internal vapor interop only
   */
-  vapor?: VaporInteropInterface;
+  vapor?: VaporInVdomInterface;
+  /**
+  * @internal vdom interop only
+  */
+  vdom?: VdomInVaporInterface;
 }
 interface AppContext extends GenericAppContext {
   config: AppConfig;
@@ -1233,6 +1241,13 @@ interface VNode<HostNode = RendererNode, HostElement = RendererElement, ExtraPro
   * @internal
   */
   slotScopeIds: string[] | null;
+  /**
+  * Root-only scope ids published by the vapor interop onto vnodes serving
+  * as a vapor component's effective root; consumed by getInheritedScopeIds
+  * where the effective-root chain tops out (before insertion).
+  * @internal
+  */
+  vaporScopeIds?: string[];
   children: VNodeNormalizedChildren;
   component: ComponentInternalInstance | null;
   dirs: DirectiveBinding[] | null;

package/dist/vue.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.3
+  * @vue/compat v3.6.0-rc.5
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -4267,7 +4267,18 @@ const logMismatchError = () => {
 	hasLoggedMismatchError = true;
 };
 const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
-const isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
+const isMathMLContainer = (container) => {
+	if (!container.namespaceURI.includes("MathML")) return false;
+	if (container.tagName !== "annotation-xml") return true;
+	const encoding = container.getAttribute("encoding");
+	return !encoding || !encoding.includes("html");
+};
+/**
+* Resolve the element namespace a container's children should be created in.
+* The live DOM is the source of truth, so this also covers containers that are
+* only known at runtime (interop boundaries, teleport targets).
+* @internal
+*/
 const getContainerType = (container) => {
 	if (container.nodeType !== 1) return void 0;
 	if (isSVGContainer(container)) return "svg";
@@ -4346,7 +4357,7 @@ function createHydrationFunctions(rendererInternals) {
 				else nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense);
+				nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense, slotScopeIds);
 				break;
 			default: if (shapeFlag & 1) if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode$1(node)) nextNode = onMismatch();
 			else nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
@@ -4513,7 +4524,7 @@ function createHydrationFunctions(rendererInternals) {
 		const container = parentNode(node);
 		remove(node);
 		patch(null, vnode, container, next, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
-		if (parentComponent) {
+		if (parentComponent && parentComponent.vnode) {
 			parentComponent.vnode.el = vnode.el;
 			updateHOCHostEl(parentComponent, vnode.el);
 		}
@@ -4536,7 +4547,7 @@ function createHydrationFunctions(rendererInternals) {
 		if (parentNode) parentNode.replaceChild(newNode, oldNode);
 		let parent = parentComponent;
 		while (parent) {
-			if (parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
+			if (parent.vnode && parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
 			parent = parent.parent;
 		}
 	};
@@ -6471,7 +6482,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
 		if (options.el) return vm.$mount(options.el);
 		else return vm;
 	}
-	Vue.version = `2.6.14-compat:3.6.0-rc.3`;
+	Vue.version = `2.6.14-compat:3.6.0-rc.5`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -7816,7 +7827,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense);
+				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense, slotScopeIds);
 				break;
 			default: if (shapeFlag & 1) processElement(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 			else if (shapeFlag & 6) processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
@@ -8677,7 +8688,7 @@ function isVaporComponent(type) {
 /**
 * shared between vdom and vapor
 */
-function getInheritedScopeIds(vnode, parentComponent) {
+function getInheritedScopeIds(vnode, parentComponent, includeVaporRootIds = true) {
 	const inheritedScopeIds = [];
 	let currentParent = parentComponent;
 	let currentVNode = vnode;
@@ -8693,6 +8704,8 @@ function getInheritedScopeIds(vnode, parentComponent) {
 			currentParent = currentParent.parent;
 		} else break;
 	}
+	const vaporScopeIds = includeVaporRootIds && currentVNode.vaporScopeIds;
+	if (vaporScopeIds) inheritedScopeIds.push(...vaporScopeIds);
 	return inheritedScopeIds;
 }
 function resolveAsyncComponentPlaceholder(anchorVnode) {
@@ -9985,7 +9998,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.3";
+const version = "3.6.0-rc.5";
 const warn = warn$1;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.

package/dist/vue.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.3
+  * @vue/compat v3.6.0-rc.5
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -3470,7 +3470,18 @@ const logMismatchError = () => {
 	hasLoggedMismatchError = true;
 };
 const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
-const isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
+const isMathMLContainer = (container) => {
+	if (!container.namespaceURI.includes("MathML")) return false;
+	if (container.tagName !== "annotation-xml") return true;
+	const encoding = container.getAttribute("encoding");
+	return !encoding || !encoding.includes("html");
+};
+/**
+* Resolve the element namespace a container's children should be created in.
+* The live DOM is the source of truth, so this also covers containers that are
+* only known at runtime (interop boundaries, teleport targets).
+* @internal
+*/
 const getContainerType = (container) => {
 	if (container.nodeType !== 1) return void 0;
 	if (isSVGContainer(container)) return "svg";
@@ -3545,7 +3556,7 @@ function createHydrationFunctions(rendererInternals) {
 				else nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense);
+				nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense, slotScopeIds);
 				break;
 			default: if (shapeFlag & 1) if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode$1(node)) nextNode = onMismatch();
 			else nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
@@ -3700,7 +3711,7 @@ function createHydrationFunctions(rendererInternals) {
 		const container = parentNode(node);
 		remove(node);
 		patch(null, vnode, container, next, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
-		if (parentComponent) {
+		if (parentComponent && parentComponent.vnode) {
 			parentComponent.vnode.el = vnode.el;
 			updateHOCHostEl(parentComponent, vnode.el);
 		}
@@ -3723,7 +3734,7 @@ function createHydrationFunctions(rendererInternals) {
 		if (parentNode) parentNode.replaceChild(newNode, oldNode);
 		let parent = parentComponent;
 		while (parent) {
-			if (parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
+			if (parent.vnode && parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
 			parent = parent.parent;
 		}
 	};
@@ -5362,7 +5373,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
 		if (options.el) return vm.$mount(options.el);
 		else return vm;
 	}
-	Vue.version = `2.6.14-compat:3.6.0-rc.3`;
+	Vue.version = `2.6.14-compat:3.6.0-rc.5`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -6383,7 +6394,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense);
+				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense, slotScopeIds);
 				break;
 			default: if (shapeFlag & 1) processElement(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 			else if (shapeFlag & 6) processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
@@ -7163,7 +7174,7 @@ function isVaporComponent(type) {
 /**
 * shared between vdom and vapor
 */
-function getInheritedScopeIds(vnode, parentComponent) {
+function getInheritedScopeIds(vnode, parentComponent, includeVaporRootIds = true) {
 	const inheritedScopeIds = [];
 	let currentParent = parentComponent;
 	let currentVNode = vnode;
@@ -7178,6 +7189,8 @@ function getInheritedScopeIds(vnode, parentComponent) {
 			currentParent = currentParent.parent;
 		} else break;
 	}
+	const vaporScopeIds = includeVaporRootIds && currentVNode.vaporScopeIds;
+	if (vaporScopeIds) inheritedScopeIds.push(...vaporScopeIds);
 	return inheritedScopeIds;
 }
 function resolveAsyncComponentPlaceholder(anchorVnode) {
@@ -8165,7 +8178,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.3";
+const version = "3.6.0-rc.5";
 const warn = NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.

package/dist/vue.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.3
+  * @vue/compat v3.6.0-rc.5
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -4204,7 +4204,18 @@ const logMismatchError = () => {
 	hasLoggedMismatchError = true;
 };
 const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
-const isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
+const isMathMLContainer = (container) => {
+	if (!container.namespaceURI.includes("MathML")) return false;
+	if (container.tagName !== "annotation-xml") return true;
+	const encoding = container.getAttribute("encoding");
+	return !encoding || !encoding.includes("html");
+};
+/**
+* Resolve the element namespace a container's children should be created in.
+* The live DOM is the source of truth, so this also covers containers that are
+* only known at runtime (interop boundaries, teleport targets).
+* @internal
+*/
 const getContainerType = (container) => {
 	if (container.nodeType !== 1) return void 0;
 	if (isSVGContainer(container)) return "svg";
@@ -4283,7 +4294,7 @@ function createHydrationFunctions(rendererInternals) {
 				else nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense);
+				nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense, slotScopeIds);
 				break;
 			default: if (shapeFlag & 1) if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode$1(node)) nextNode = onMismatch();
 			else nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
@@ -4450,7 +4461,7 @@ function createHydrationFunctions(rendererInternals) {
 		const container = parentNode(node);
 		remove(node);
 		patch(null, vnode, container, next, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
-		if (parentComponent) {
+		if (parentComponent && parentComponent.vnode) {
 			parentComponent.vnode.el = vnode.el;
 			updateHOCHostEl(parentComponent, vnode.el);
 		}
@@ -4473,7 +4484,7 @@ function createHydrationFunctions(rendererInternals) {
 		if (parentNode) parentNode.replaceChild(newNode, oldNode);
 		let parent = parentComponent;
 		while (parent) {
-			if (parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
+			if (parent.vnode && parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
 			parent = parent.parent;
 		}
 	};
@@ -6403,7 +6414,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
 		if (options.el) return vm.$mount(options.el);
 		else return vm;
 	}
-	Vue.version = `2.6.14-compat:3.6.0-rc.3`;
+	Vue.version = `2.6.14-compat:3.6.0-rc.5`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -7748,7 +7759,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense);
+				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense, slotScopeIds);
 				break;
 			default: if (shapeFlag & 1) processElement(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 			else if (shapeFlag & 6) processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
@@ -8609,7 +8620,7 @@ function isVaporComponent(type) {
 /**
 * shared between vdom and vapor
 */
-function getInheritedScopeIds(vnode, parentComponent) {
+function getInheritedScopeIds(vnode, parentComponent, includeVaporRootIds = true) {
 	const inheritedScopeIds = [];
 	let currentParent = parentComponent;
 	let currentVNode = vnode;
@@ -8625,6 +8636,8 @@ function getInheritedScopeIds(vnode, parentComponent) {
 			currentParent = currentParent.parent;
 		} else break;
 	}
+	const vaporScopeIds = includeVaporRootIds && currentVNode.vaporScopeIds;
+	if (vaporScopeIds) inheritedScopeIds.push(...vaporScopeIds);
 	return inheritedScopeIds;
 }
 function resolveAsyncComponentPlaceholder(anchorVnode) {
@@ -9907,7 +9920,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.3";
+const version = "3.6.0-rc.5";
 const warn = warn$1;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.