@vue/runtime-dom 3.6.0-rc.13 → 3.6.0-rc.14

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-rc.13
+  * @vue/runtime-dom v3.6.0-rc.14
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-rc.13
+  * @vue/runtime-dom v3.6.0-rc.14
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -428,6 +428,21 @@ var VueRuntimeDOM = (function(exports) {
 		return String(value);
 	}
 	//#endregion
+	//#region packages/shared/src/vaporFlags.ts
+	/**
+	* The data of the comment a vapor server render opens the branch of a `v-if`
+	* chain with, `<!--[1-->`: the digits are the branch's position in the chain,
+	* and `<!--]-->` closes it like a fragment.
+	*/
+	function isVaporBranchStart(data) {
+		if (data.length < 2 || data.charCodeAt(0) !== 91) return false;
+		for (let i = 1; i < data.length; i++) {
+			const c = data.charCodeAt(i);
+			if (c < 48 || c > 57) return false;
+		}
+		return true;
+	}
+	//#endregion
 	//#region packages/reactivity/src/debug.ts
 	const triggerEventInfos = [];
 	function onTrack(sub, debugInfo) {
@@ -3967,6 +3982,8 @@ var VueRuntimeDOM = (function(exports) {
 		if (isMathMLContainer(container)) return "mathml";
 	};
 	const isComment = (node) => node.nodeType === 8;
+	/** The data of a comment opening a range a hydration steps over as one. */
+	const isRangeStart = (data) => data === "[" || data === "(" || isVaporBranchStart(data);
 	function createHydrationFunctions(rendererInternals) {
 		const { mt: mountComponent, p: patch, o: { patchProp, createText, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals;
 		const hydrate = (vnode, container) => {
@@ -3984,7 +4001,7 @@ var VueRuntimeDOM = (function(exports) {
 		};
 		const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
 			optimized = optimized || !!vnode.dynamicChildren;
-			const isFragmentStart = isComment(node) && (node.data === "[" || node.data === "(");
+			const isFragmentStart = isComment(node) && (node.data === "[" || node.data === "(" || isVaporInteropEnabled && isVaporBranchStart(node.data));
 			const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
 			const { type, ref, shapeFlag, patchFlag } = vnode;
 			let domType = node.nodeType;
@@ -4182,7 +4199,7 @@ var VueRuntimeDOM = (function(exports) {
 		};
 		const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
 			if (!isNodeMismatchAllowed(node, vnode)) {
-				warn$1(`Hydration node mismatch:\n- rendered on server:`, node, node.nodeType === 3 ? `(text)` : isComment(node) && (node.data === "[" || node.data === "(") ? `(start of fragment)` : ``, `\n- expected on client:`, vnode.type);
+				warn$1(`Hydration node mismatch:\n- rendered on server:`, node, node.nodeType === 3 ? `(text)` : isComment(node) && isRangeStart(node.data) ? `(start of fragment)` : ``, `\n- expected on client:`, vnode.type);
 				logMismatchError();
 			}
 			vnode.el = null;
@@ -4209,7 +4226,7 @@ var VueRuntimeDOM = (function(exports) {
 			while (node) {
 				node = nextSibling(node);
 				if (node && isComment(node)) {
-					if (node.data === open) match++;
+					if (node.data === open || isVaporInteropEnabled && open === "[" && isVaporBranchStart(node.data)) match++;
 					if (node.data === close) {
 						if (match === 0) return nextSibling(node);
 						else match--;
@@ -4465,9 +4482,9 @@ var VueRuntimeDOM = (function(exports) {
 		return teardown;
 	};
 	function forEachElement(node, cb) {
-		if (isComment(node) && (node.data === "[" || node.data === "(")) {
+		if (isComment(node) && isRangeStart(node.data)) {
 			const open = node.data;
-			const close = open === "[" ? "]" : ")";
+			const close = open === "(" ? ")" : "]";
 			let depth = 1;
 			let next = node.nextSibling;
 			while (next) {
@@ -4476,7 +4493,7 @@ var VueRuntimeDOM = (function(exports) {
 				} else if (isComment(next)) {
 					if (next.data === close) {
 						if (--depth === 0) break;
-					} else if (next.data === open) depth++;
+					} else if (close === "]" ? next.data === "[" || isVaporBranchStart(next.data) : next.data === open) depth++;
 				}
 				next = next.nextSibling;
 			}
@@ -8867,7 +8884,7 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-rc.13";
+	const version = "3.6.0-rc.14";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.