@vue/compat 3.4.29 → 3.4.30

package/dist/vue.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.29
+* @vue/compat v3.4.30
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -557,8 +557,10 @@ class ReactiveEffect {
       for (let i = 0; i < this._depsLength; i++) {
         const dep = this.deps[i];
         if (dep.computed) {
-          if (dep.computed.effect._dirtyLevel === 2)
+          if (dep.computed.effect._dirtyLevel === 2) {
+            resetTracking();
             return true;
+          }
           triggerComputed(dep.computed);
           if (this._dirtyLevel >= 5) {
             break;
@@ -694,13 +696,13 @@ function triggerEffects(dep, dirtyLevel, debuggerEventExtraInfo) {
   var _a;
   pauseScheduling();
   for (const effect2 of dep.keys()) {
+    let tracking;
     if (!dep.computed && effect2.computed) {
-      if (dep.get(effect2) === effect2._trackId && effect2._runnings > 0) {
+      if (effect2._runnings > 0 && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
         effect2._dirtyLevel = 2;
         continue;
       }
     }
-    let tracking;
     if (effect2._dirtyLevel < dirtyLevel && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
       effect2._shouldSchedule || (effect2._shouldSchedule = effect2._dirtyLevel === 0);
       if (effect2.computed && effect2._dirtyLevel === 2) {
@@ -1417,8 +1419,11 @@ class ComputedRefImpl {
   }
   get value() {
     const self = toRaw(this);
+    const lastDirtyLevel = self.effect._dirtyLevel;
     if ((!self._cacheable || self.effect.dirty) && hasChanged(self._value, self._value = self.effect.run())) {
-      triggerRefValue(self, 5);
+      if (lastDirtyLevel !== 3) {
+        triggerRefValue(self, 5);
+      }
     }
     trackRefValue(self);
     if (self.effect._dirtyLevel >= 2) {
@@ -3385,7 +3390,6 @@ const SuspenseImpl = {
     }
   },
   hydrate: hydrateSuspense,
-  create: createSuspenseBoundary,
   normalize: normalizeSuspenseChildren
 };
 const Suspense = SuspenseImpl ;
@@ -5741,7 +5745,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.29"}`;
+  Vue.version = `2.6.14-compat:${"3.4.30"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -7050,18 +7054,8 @@ function createHydrationFunctions(rendererInternals) {
     let domType = node.nodeType;
     vnode.el = node;
     {
-      if (!("__vnode" in node)) {
-        Object.defineProperty(node, "__vnode", {
-          value: vnode,
-          enumerable: false
-        });
-      }
-      if (!("__vueParentComponent" in node)) {
-        Object.defineProperty(node, "__vueParentComponent", {
-          value: parentComponent,
-          enumerable: false
-        });
-      }
+      def(node, "__vnode", vnode, true);
+      def(node, "__vueParentComponent", parentComponent, true);
     }
     if (patchFlag === -2) {
       optimized = false;
@@ -7284,7 +7278,9 @@ Server rendered element contains more child nodes than client vdom.`
       if (props) {
         {
           for (const key in props) {
-            if (propHasMismatch(el, key, props[key], vnode, parentComponent)) {
+            if (// #11189 skip if this node has directives that have created hooks
+            // as it could have mutated the DOM in any possible way
+            !(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) {
               logMismatchError();
             }
             if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
@@ -7459,7 +7455,6 @@ Server rendered element contains fewer child nodes than client vdom.`
   return [hydrate, hydrateNode];
 }
 function propHasMismatch(el, key, clientValue, vnode, instance) {
-  var _a;
   let mismatchType;
   let mismatchKey;
   let actual;
@@ -7482,13 +7477,8 @@ function propHasMismatch(el, key, clientValue, vnode, instance) {
         }
       }
     }
-    const root = instance == null ? void 0 : instance.subTree;
-    if (vnode === root || // eslint-disable-next-line no-restricted-syntax
-    (root == null ? void 0 : root.type) === Fragment && root.children.includes(vnode)) {
-      const cssVars = (_a = instance == null ? void 0 : instance.getCssVars) == null ? void 0 : _a.call(instance);
-      for (const key2 in cssVars) {
-        expectedMap.set(`--${key2}`, String(cssVars[key2]));
-      }
+    if (instance) {
+      resolveCssVars(instance, vnode, expectedMap);
     }
     if (!isMapEqual(actualMap, expectedMap)) {
       mismatchType = mismatchKey = "style";
@@ -7548,8 +7538,8 @@ function toStyleMap(str) {
   const styleMap = /* @__PURE__ */ new Map();
   for (const item of str.split(";")) {
     let [key, value] = item.split(":");
-    key = key == null ? void 0 : key.trim();
-    value = value == null ? void 0 : value.trim();
+    key = key.trim();
+    value = value && value.trim();
     if (key && value) {
       styleMap.set(key, value);
     }
@@ -7567,6 +7557,18 @@ function isMapEqual(a, b) {
   }
   return true;
 }
+function resolveCssVars(instance, vnode, expectedMap) {
+  const root = instance.subTree;
+  if (instance.getCssVars && (vnode === root || root && root.type === Fragment && root.children.includes(vnode))) {
+    const cssVars = instance.getCssVars();
+    for (const key in cssVars) {
+      expectedMap.set(`--${key}`, String(cssVars[key]));
+    }
+  }
+  if (vnode === root && instance.parent) {
+    resolveCssVars(instance.parent, instance.vnode, expectedMap);
+  }
+}
 
 let supported;
 let perf;
@@ -7884,14 +7886,8 @@ function baseCreateRenderer(options, createHydrationFns) {
       }
     }
     {
-      Object.defineProperty(el, "__vnode", {
-        value: vnode,
-        enumerable: false
-      });
-      Object.defineProperty(el, "__vueParentComponent", {
-        value: parentComponent,
-        enumerable: false
-      });
+      def(el, "__vnode", vnode, true);
+      def(el, "__vueParentComponent", parentComponent, true);
     }
     if (dirs) {
       invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
@@ -7953,6 +7949,9 @@ function baseCreateRenderer(options, createHydrationFns) {
   };
   const patchElement = (n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
     const el = n2.el = n1.el;
+    {
+      el.__vnode = n2;
+    }
     let { patchFlag, dynamicChildren, dirs } = n2;
     patchFlag |= n1.patchFlag & 16;
     const oldProps = n1.props || EMPTY_OBJ;
@@ -8872,6 +8871,9 @@ function baseCreateRenderer(options, createHydrationFns) {
       dirs,
       memoIndex
     } = vnode;
+    if (patchFlag === -2) {
+      optimized = false;
+    }
     if (ref != null) {
       setRef(ref, null, parentSuspense, vnode, true);
     }
@@ -8903,7 +8905,6 @@ function baseCreateRenderer(options, createHydrationFns) {
           vnode,
           parentComponent,
           parentSuspense,
-          optimized,
           internals,
           doRemove
         );
@@ -10230,7 +10231,7 @@ const TeleportImpl = {
     }
     updateCssVars(n2);
   },
-  remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
+  remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
     const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
     if (target) {
       hostRemove(targetAnchor);
@@ -11495,7 +11496,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.29";
+const version = "3.4.30";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -12078,7 +12079,10 @@ function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBoolean
     if (value == null || isBoolean && !includeBooleanAttr(value)) {
       el.removeAttribute(key);
     } else {
-      el.setAttribute(key, isBoolean ? "" : String(value));
+      el.setAttribute(
+        key,
+        isBoolean ? "" : isSymbol(value) ? String(value) : value
+      );
     }
   }
 }
@@ -12280,7 +12284,7 @@ const patchProp = (el, key, prevValue, nextValue, namespace, prevChildren, paren
       parentSuspense,
       unmountChildren
     );
-    if (key === "value" || key === "checked" || key === "selected") {
+    if (!el.tagName.includes("-") && (key === "value" || key === "checked" || key === "selected")) {
       patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value");
     }
   } else {
@@ -18144,9 +18148,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
           break;
         }
       }
-      if (prev && isTemplateNode(prev) && findDir(prev, "if")) {
-        children.splice(i, 1);
-        i--;
+      if (prev && isTemplateNode(prev) && findDir(prev, /^(else-)?if$/)) {
         let conditional = dynamicSlots[dynamicSlots.length - 1];
         while (conditional.alternate.type === 19) {
           conditional = conditional.alternate;
@@ -19302,8 +19304,7 @@ const transformFilter = (node, context) => {
   }
   if (node.type === 5) {
     rewriteFilter(node.content, context);
-  }
-  if (node.type === 1) {
+  } else if (node.type === 1) {
     node.props.forEach((prop) => {
       if (prop.type === 7 && prop.name !== "for" && prop.exp) {
         rewriteFilter(prop.exp, context);

package/dist/vue.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.29
+* @vue/compat v3.4.30
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -475,8 +475,10 @@ class ReactiveEffect {
       for (let i = 0; i < this._depsLength; i++) {
         const dep = this.deps[i];
         if (dep.computed) {
-          if (dep.computed.effect._dirtyLevel === 2)
+          if (dep.computed.effect._dirtyLevel === 2) {
+            resetTracking();
             return true;
+          }
           triggerComputed(dep.computed);
           if (this._dirtyLevel >= 5) {
             break;
@@ -607,13 +609,13 @@ const queueEffectSchedulers = [];
 function triggerEffects(dep, dirtyLevel, debuggerEventExtraInfo) {
   pauseScheduling();
   for (const effect2 of dep.keys()) {
+    let tracking;
     if (!dep.computed && effect2.computed) {
-      if (dep.get(effect2) === effect2._trackId && effect2._runnings > 0) {
+      if (effect2._runnings > 0 && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
         effect2._dirtyLevel = 2;
         continue;
       }
     }
-    let tracking;
     if (effect2._dirtyLevel < dirtyLevel && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
       effect2._shouldSchedule || (effect2._shouldSchedule = effect2._dirtyLevel === 0);
       if (effect2.computed && effect2._dirtyLevel === 2) {
@@ -1271,8 +1273,11 @@ class ComputedRefImpl {
   }
   get value() {
     const self = toRaw(this);
+    const lastDirtyLevel = self.effect._dirtyLevel;
     if ((!self._cacheable || self.effect.dirty) && hasChanged(self._value, self._value = self.effect.run())) {
-      triggerRefValue(self, 5);
+      if (lastDirtyLevel !== 3) {
+        triggerRefValue(self, 5);
+      }
     }
     trackRefValue(self);
     if (self.effect._dirtyLevel >= 2) {
@@ -2415,7 +2420,6 @@ const SuspenseImpl = {
     }
   },
   hydrate: hydrateSuspense,
-  create: createSuspenseBoundary,
   normalize: normalizeSuspenseChildren
 };
 const Suspense = SuspenseImpl ;
@@ -4459,7 +4463,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.29"}`;
+  Vue.version = `2.6.14-compat:${"3.4.30"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -7002,6 +7006,9 @@ function baseCreateRenderer(options, createHydrationFns) {
       dirs,
       memoIndex
     } = vnode;
+    if (patchFlag === -2) {
+      optimized = false;
+    }
     if (ref != null) {
       setRef(ref, null, parentSuspense, vnode, true);
     }
@@ -7033,7 +7040,6 @@ function baseCreateRenderer(options, createHydrationFns) {
           vnode,
           parentComponent,
           parentSuspense,
-          optimized,
           internals,
           doRemove
         );
@@ -8249,7 +8255,7 @@ const TeleportImpl = {
     }
     updateCssVars(n2);
   },
-  remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
+  remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
     const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
     if (target) {
       hostRemove(targetAnchor);
@@ -9155,7 +9161,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.29";
+const version = "3.4.30";
 const warn$1 = NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = void 0;
@@ -9724,7 +9730,10 @@ function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBoolean
     if (value == null || isBoolean && !includeBooleanAttr(value)) {
       el.removeAttribute(key);
     } else {
-      el.setAttribute(key, isBoolean ? "" : String(value));
+      el.setAttribute(
+        key,
+        isBoolean ? "" : isSymbol(value) ? String(value) : value
+      );
     }
   }
 }
@@ -9905,7 +9914,7 @@ const patchProp = (el, key, prevValue, nextValue, namespace, prevChildren, paren
       parentSuspense,
       unmountChildren
     );
-    if (key === "value" || key === "checked" || key === "selected") {
+    if (!el.tagName.includes("-") && (key === "value" || key === "checked" || key === "selected")) {
       patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value");
     }
   } else {
@@ -15537,9 +15546,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
           break;
         }
       }
-      if (prev && isTemplateNode(prev) && findDir(prev, "if")) {
-        children.splice(i, 1);
-        i--;
+      if (prev && isTemplateNode(prev) && findDir(prev, /^(else-)?if$/)) {
         let conditional = dynamicSlots[dynamicSlots.length - 1];
         while (conditional.alternate.type === 19) {
           conditional = conditional.alternate;
@@ -16657,8 +16664,7 @@ const transformFilter = (node, context) => {
   }
   if (node.type === 5) {
     rewriteFilter(node.content, context);
-  }
-  if (node.type === 1) {
+  } else if (node.type === 1) {
     node.props.forEach((prop) => {
       if (prop.type === 7 && prop.name !== "for" && prop.exp) {
         rewriteFilter(prop.exp, context);

package/dist/vue.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.29
+* @vue/compat v3.4.30
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -506,8 +506,10 @@ class ReactiveEffect {
       for (let i = 0; i < this._depsLength; i++) {
         const dep = this.deps[i];
         if (dep.computed) {
-          if (dep.computed.effect._dirtyLevel === 2)
+          if (dep.computed.effect._dirtyLevel === 2) {
+            resetTracking();
             return true;
+          }
           triggerComputed(dep.computed);
           if (this._dirtyLevel >= 5) {
             break;
@@ -643,13 +645,13 @@ function triggerEffects(dep, dirtyLevel, debuggerEventExtraInfo) {
   var _a;
   pauseScheduling();
   for (const effect2 of dep.keys()) {
+    let tracking;
     if (!dep.computed && effect2.computed) {
-      if (dep.get(effect2) === effect2._trackId && effect2._runnings > 0) {
+      if (effect2._runnings > 0 && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
         effect2._dirtyLevel = 2;
         continue;
       }
     }
-    let tracking;
     if (effect2._dirtyLevel < dirtyLevel && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
       effect2._shouldSchedule || (effect2._shouldSchedule = effect2._dirtyLevel === 0);
       if (effect2.computed && effect2._dirtyLevel === 2) {
@@ -1366,8 +1368,11 @@ class ComputedRefImpl {
   }
   get value() {
     const self = toRaw(this);
+    const lastDirtyLevel = self.effect._dirtyLevel;
     if ((!self._cacheable || self.effect.dirty) && hasChanged(self._value, self._value = self.effect.run())) {
-      triggerRefValue(self, 5);
+      if (lastDirtyLevel !== 3) {
+        triggerRefValue(self, 5);
+      }
     }
     trackRefValue(self);
     if (self.effect._dirtyLevel >= 2) {
@@ -3334,7 +3339,6 @@ const SuspenseImpl = {
     }
   },
   hydrate: hydrateSuspense,
-  create: createSuspenseBoundary,
   normalize: normalizeSuspenseChildren
 };
 const Suspense = SuspenseImpl ;
@@ -5690,7 +5694,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.29"}`;
+  Vue.version = `2.6.14-compat:${"3.4.30"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -6999,18 +7003,8 @@ function createHydrationFunctions(rendererInternals) {
     let domType = node.nodeType;
     vnode.el = node;
     {
-      if (!("__vnode" in node)) {
-        Object.defineProperty(node, "__vnode", {
-          value: vnode,
-          enumerable: false
-        });
-      }
-      if (!("__vueParentComponent" in node)) {
-        Object.defineProperty(node, "__vueParentComponent", {
-          value: parentComponent,
-          enumerable: false
-        });
-      }
+      def(node, "__vnode", vnode, true);
+      def(node, "__vueParentComponent", parentComponent, true);
     }
     if (patchFlag === -2) {
       optimized = false;
@@ -7233,7 +7227,9 @@ Server rendered element contains more child nodes than client vdom.`
       if (props) {
         {
           for (const key in props) {
-            if (propHasMismatch(el, key, props[key], vnode, parentComponent)) {
+            if (// #11189 skip if this node has directives that have created hooks
+            // as it could have mutated the DOM in any possible way
+            !(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) {
               logMismatchError();
             }
             if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
@@ -7408,7 +7404,6 @@ Server rendered element contains fewer child nodes than client vdom.`
   return [hydrate, hydrateNode];
 }
 function propHasMismatch(el, key, clientValue, vnode, instance) {
-  var _a;
   let mismatchType;
   let mismatchKey;
   let actual;
@@ -7431,13 +7426,8 @@ function propHasMismatch(el, key, clientValue, vnode, instance) {
         }
       }
     }
-    const root = instance == null ? void 0 : instance.subTree;
-    if (vnode === root || // eslint-disable-next-line no-restricted-syntax
-    (root == null ? void 0 : root.type) === Fragment && root.children.includes(vnode)) {
-      const cssVars = (_a = instance == null ? void 0 : instance.getCssVars) == null ? void 0 : _a.call(instance);
-      for (const key2 in cssVars) {
-        expectedMap.set(`--${key2}`, String(cssVars[key2]));
-      }
+    if (instance) {
+      resolveCssVars(instance, vnode, expectedMap);
     }
     if (!isMapEqual(actualMap, expectedMap)) {
       mismatchType = mismatchKey = "style";
@@ -7497,8 +7487,8 @@ function toStyleMap(str) {
   const styleMap = /* @__PURE__ */ new Map();
   for (const item of str.split(";")) {
     let [key, value] = item.split(":");
-    key = key == null ? void 0 : key.trim();
-    value = value == null ? void 0 : value.trim();
+    key = key.trim();
+    value = value && value.trim();
     if (key && value) {
       styleMap.set(key, value);
     }
@@ -7516,6 +7506,18 @@ function isMapEqual(a, b) {
   }
   return true;
 }
+function resolveCssVars(instance, vnode, expectedMap) {
+  const root = instance.subTree;
+  if (instance.getCssVars && (vnode === root || root && root.type === Fragment && root.children.includes(vnode))) {
+    const cssVars = instance.getCssVars();
+    for (const key in cssVars) {
+      expectedMap.set(`--${key}`, String(cssVars[key]));
+    }
+  }
+  if (vnode === root && instance.parent) {
+    resolveCssVars(instance.parent, instance.vnode, expectedMap);
+  }
+}
 
 let supported;
 let perf;
@@ -7833,14 +7835,8 @@ function baseCreateRenderer(options, createHydrationFns) {
       }
     }
     {
-      Object.defineProperty(el, "__vnode", {
-        value: vnode,
-        enumerable: false
-      });
-      Object.defineProperty(el, "__vueParentComponent", {
-        value: parentComponent,
-        enumerable: false
-      });
+      def(el, "__vnode", vnode, true);
+      def(el, "__vueParentComponent", parentComponent, true);
     }
     if (dirs) {
       invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
@@ -7902,6 +7898,9 @@ function baseCreateRenderer(options, createHydrationFns) {
   };
   const patchElement = (n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
     const el = n2.el = n1.el;
+    {
+      el.__vnode = n2;
+    }
     let { patchFlag, dynamicChildren, dirs } = n2;
     patchFlag |= n1.patchFlag & 16;
     const oldProps = n1.props || EMPTY_OBJ;
@@ -8821,6 +8820,9 @@ function baseCreateRenderer(options, createHydrationFns) {
       dirs,
       memoIndex
     } = vnode;
+    if (patchFlag === -2) {
+      optimized = false;
+    }
     if (ref != null) {
       setRef(ref, null, parentSuspense, vnode, true);
     }
@@ -8852,7 +8854,6 @@ function baseCreateRenderer(options, createHydrationFns) {
           vnode,
           parentComponent,
           parentSuspense,
-          optimized,
           internals,
           doRemove
         );
@@ -10153,7 +10154,7 @@ const TeleportImpl = {
     }
     updateCssVars(n2);
   },
-  remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
+  remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
     const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
     if (target) {
       hostRemove(targetAnchor);
@@ -11404,7 +11405,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.29";
+const version = "3.4.30";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -12031,7 +12032,10 @@ function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBoolean
     if (value == null || isBoolean && !includeBooleanAttr(value)) {
       el.removeAttribute(key);
     } else {
-      el.setAttribute(key, isBoolean ? "" : String(value));
+      el.setAttribute(
+        key,
+        isBoolean ? "" : isSymbol(value) ? String(value) : value
+      );
     }
   }
 }
@@ -12233,7 +12237,7 @@ const patchProp = (el, key, prevValue, nextValue, namespace, prevChildren, paren
       parentSuspense,
       unmountChildren
     );
-    if (key === "value" || key === "checked" || key === "selected") {
+    if (!el.tagName.includes("-") && (key === "value" || key === "checked" || key === "selected")) {
       patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value");
     }
   } else {
@@ -17229,9 +17233,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
           break;
         }
       }
-      if (prev && isTemplateNode(prev) && findDir(prev, "if")) {
-        children.splice(i, 1);
-        i--;
+      if (prev && isTemplateNode(prev) && findDir(prev, /^(else-)?if$/)) {
         let conditional = dynamicSlots[dynamicSlots.length - 1];
         while (conditional.alternate.type === 19) {
           conditional = conditional.alternate;
@@ -18265,8 +18267,7 @@ const transformFilter = (node, context) => {
   }
   if (node.type === 5) {
     rewriteFilter(node.content, context);
-  }
-  if (node.type === 1) {
+  } else if (node.type === 1) {
     node.props.forEach((prop) => {
       if (prop.type === 7 && prop.name !== "for" && prop.exp) {
         rewriteFilter(prop.exp, context);