@vue/compat 3.4.29 → 3.4.31

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

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.29
+* @vue/compat v3.4.31
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -260,11 +260,14 @@ function looseIndexOf(arr, val) {
   return arr.findIndex((item) => looseEqual(item, val));
 }
 
+const isRef$1 = (val) => {
+  return !!(val && val.__v_isRef === true);
+};
 const toDisplayString = (val) => {
-  return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
+  return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? isRef$1(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
 };
 const replacer = (_key, val) => {
-  if (val && val.__v_isRef) {
+  if (isRef$1(val)) {
     return replacer(_key, val.value);
   } else if (isMap(val)) {
     return {
@@ -411,7 +414,7 @@ class ReactiveEffect {
     /**
      * @internal
      */
-    this._dirtyLevel = 5;
+    this._dirtyLevel = 4;
     /**
      * @internal
      */
@@ -431,18 +434,14 @@ class ReactiveEffect {
     recordEffectScope(this, scope);
   }
   get dirty() {
-    if (this._dirtyLevel === 2)
-      return false;
-    if (this._dirtyLevel === 3 || this._dirtyLevel === 4) {
+    if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
       this._dirtyLevel = 1;
       pauseTracking();
       for (let i = 0; i < this._depsLength; i++) {
         const dep = this.deps[i];
         if (dep.computed) {
-          if (dep.computed.effect._dirtyLevel === 2)
-            return true;
           triggerComputed(dep.computed);
-          if (this._dirtyLevel >= 5) {
+          if (this._dirtyLevel >= 4) {
             break;
           }
         }
@@ -452,10 +451,10 @@ class ReactiveEffect {
       }
       resetTracking();
     }
-    return this._dirtyLevel >= 5;
+    return this._dirtyLevel >= 4;
   }
   set dirty(v) {
-    this._dirtyLevel = v ? 5 : 0;
+    this._dirtyLevel = v ? 4 : 0;
   }
   run() {
     this._dirtyLevel = 0;
@@ -576,18 +575,9 @@ function triggerEffects(dep, dirtyLevel, debuggerEventExtraInfo) {
   var _a;
   pauseScheduling();
   for (const effect2 of dep.keys()) {
-    if (!dep.computed && effect2.computed) {
-      if (dep.get(effect2) === effect2._trackId && effect2._runnings > 0) {
-        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) {
-        effect2._shouldSchedule = true;
-      }
       effect2._dirtyLevel = dirtyLevel;
     }
     if (effect2._shouldSchedule && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
@@ -595,7 +585,7 @@ function triggerEffects(dep, dirtyLevel, debuggerEventExtraInfo) {
         (_a = effect2.onTrigger) == null ? void 0 : _a.call(effect2, extend({ effect: effect2 }, debuggerEventExtraInfo));
       }
       effect2.trigger();
-      if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 3) {
+      if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 2) {
         effect2._shouldSchedule = false;
         if (effect2.scheduler) {
           queueEffectSchedulers.push(effect2.scheduler);
@@ -687,7 +677,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
     if (dep) {
       triggerEffects(
         dep,
-        5,
+        4,
         !!(process.env.NODE_ENV !== "production") ? {
           target,
           type,
@@ -1290,7 +1280,7 @@ class ComputedRefImpl {
       () => getter(this._value),
       () => triggerRefValue(
         this,
-        this.effect._dirtyLevel === 3 ? 3 : 4
+        this.effect._dirtyLevel === 2 ? 2 : 3
       )
     );
     this.effect.computed = this;
@@ -1300,7 +1290,7 @@ class ComputedRefImpl {
   get value() {
     const self = toRaw(this);
     if ((!self._cacheable || self.effect.dirty) && hasChanged(self._value, self._value = self.effect.run())) {
-      triggerRefValue(self, 5);
+      triggerRefValue(self, 4);
     }
     trackRefValue(self);
     if (self.effect._dirtyLevel >= 2) {
@@ -1309,7 +1299,7 @@ class ComputedRefImpl {
 
 getter: `, this.getter);
       }
-      triggerRefValue(self, 3);
+      triggerRefValue(self, 2);
     }
     return self._value;
   }
@@ -1364,7 +1354,7 @@ function trackRefValue(ref2) {
     );
   }
 }
-function triggerRefValue(ref2, dirtyLevel = 5, newVal, oldVal) {
+function triggerRefValue(ref2, dirtyLevel = 4, newVal, oldVal) {
   ref2 = toRaw(ref2);
   const dep = ref2.dep;
   if (dep) {
@@ -1415,12 +1405,12 @@ class RefImpl {
       const oldVal = this._rawValue;
       this._rawValue = newVal;
       this._value = useDirectValue ? newVal : toReactive(newVal);
-      triggerRefValue(this, 5, newVal, oldVal);
+      triggerRefValue(this, 4, newVal, oldVal);
     }
   }
 }
 function triggerRef(ref2) {
-  triggerRefValue(ref2, 5, !!(process.env.NODE_ENV !== "production") ? ref2.value : void 0);
+  triggerRefValue(ref2, 4, !!(process.env.NODE_ENV !== "production") ? ref2.value : void 0);
 }
 function unref(ref2) {
   return isRef(ref2) ? ref2.value : ref2;
@@ -3273,7 +3263,6 @@ const SuspenseImpl = {
     }
   },
   hydrate: hydrateSuspense,
-  create: createSuspenseBoundary,
   normalize: normalizeSuspenseChildren
 };
 const Suspense = SuspenseImpl ;
@@ -5631,7 +5620,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.31"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -6942,18 +6931,8 @@ function createHydrationFunctions(rendererInternals) {
     let domType = node.nodeType;
     vnode.el = node;
     if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
-      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;
@@ -7176,7 +7155,9 @@ Server rendered element contains more child nodes than client vdom.`
       if (props) {
         if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ || forcePatch || !optimized || patchFlag & (16 | 32)) {
           for (const key in props) {
-            if ((!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && propHasMismatch(el, key, props[key], vnode, parentComponent)) {
+            if ((!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && // #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
@@ -7361,7 +7342,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;
@@ -7384,13 +7364,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";
@@ -7450,8 +7425,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);
     }
@@ -7469,6 +7444,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;
@@ -7813,14 +7800,8 @@ function baseCreateRenderer(options, createHydrationFns) {
       }
     }
     if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
-      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");
@@ -7882,6 +7863,9 @@ function baseCreateRenderer(options, createHydrationFns) {
   };
   const patchElement = (n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
     const el = n2.el = n1.el;
+    if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) {
+      el.__vnode = n2;
+    }
     let { patchFlag, dynamicChildren, dirs } = n2;
     patchFlag |= n1.patchFlag & 16;
     const oldProps = n1.props || EMPTY_OBJ;
@@ -8812,6 +8796,9 @@ function baseCreateRenderer(options, createHydrationFns) {
       dirs,
       memoIndex
     } = vnode;
+    if (patchFlag === -2) {
+      optimized = false;
+    }
     if (ref != null) {
       setRef(ref, null, parentSuspense, vnode, true);
     }
@@ -8843,7 +8830,6 @@ function baseCreateRenderer(options, createHydrationFns) {
           vnode,
           parentComponent,
           parentSuspense,
-          optimized,
           internals,
           doRemove
         );
@@ -10171,7 +10157,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);
@@ -11450,7 +11436,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.29";
+const version = "3.4.31";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;
@@ -12093,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
+      );
     }
   }
 }
@@ -12295,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 {

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.29
+* @vue/compat v3.4.31
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -263,11 +263,14 @@ var Vue = (function () {
     return arr.findIndex((item) => looseEqual(item, val));
   }
 
+  const isRef$1 = (val) => {
+    return !!(val && val.__v_isRef === true);
+  };
   const toDisplayString = (val) => {
-    return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
+    return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? isRef$1(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
   };
   const replacer = (_key, val) => {
-    if (val && val.__v_isRef) {
+    if (isRef$1(val)) {
       return replacer(_key, val.value);
     } else if (isMap(val)) {
       return {
@@ -414,7 +417,7 @@ var Vue = (function () {
       /**
        * @internal
        */
-      this._dirtyLevel = 5;
+      this._dirtyLevel = 4;
       /**
        * @internal
        */
@@ -434,18 +437,14 @@ var Vue = (function () {
       recordEffectScope(this, scope);
     }
     get dirty() {
-      if (this._dirtyLevel === 2)
-        return false;
-      if (this._dirtyLevel === 3 || this._dirtyLevel === 4) {
+      if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
         this._dirtyLevel = 1;
         pauseTracking();
         for (let i = 0; i < this._depsLength; i++) {
           const dep = this.deps[i];
           if (dep.computed) {
-            if (dep.computed.effect._dirtyLevel === 2)
-              return true;
             triggerComputed(dep.computed);
-            if (this._dirtyLevel >= 5) {
+            if (this._dirtyLevel >= 4) {
               break;
             }
           }
@@ -455,10 +454,10 @@ var Vue = (function () {
         }
         resetTracking();
       }
-      return this._dirtyLevel >= 5;
+      return this._dirtyLevel >= 4;
     }
     set dirty(v) {
-      this._dirtyLevel = v ? 5 : 0;
+      this._dirtyLevel = v ? 4 : 0;
     }
     run() {
       this._dirtyLevel = 0;
@@ -579,18 +578,9 @@ var Vue = (function () {
     var _a;
     pauseScheduling();
     for (const effect2 of dep.keys()) {
-      if (!dep.computed && effect2.computed) {
-        if (dep.get(effect2) === effect2._trackId && effect2._runnings > 0) {
-          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) {
-          effect2._shouldSchedule = true;
-        }
         effect2._dirtyLevel = dirtyLevel;
       }
       if (effect2._shouldSchedule && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
@@ -598,7 +588,7 @@ var Vue = (function () {
           (_a = effect2.onTrigger) == null ? void 0 : _a.call(effect2, extend({ effect: effect2 }, debuggerEventExtraInfo));
         }
         effect2.trigger();
-        if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 3) {
+        if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 2) {
           effect2._shouldSchedule = false;
           if (effect2.scheduler) {
             queueEffectSchedulers.push(effect2.scheduler);
@@ -690,7 +680,7 @@ var Vue = (function () {
       if (dep) {
         triggerEffects(
           dep,
-          5,
+          4,
           {
             target,
             type,
@@ -1293,7 +1283,7 @@ var Vue = (function () {
         () => getter(this._value),
         () => triggerRefValue(
           this,
-          this.effect._dirtyLevel === 3 ? 3 : 4
+          this.effect._dirtyLevel === 2 ? 2 : 3
         )
       );
       this.effect.computed = this;
@@ -1303,7 +1293,7 @@ var Vue = (function () {
     get value() {
       const self = toRaw(this);
       if ((!self._cacheable || self.effect.dirty) && hasChanged(self._value, self._value = self.effect.run())) {
-        triggerRefValue(self, 5);
+        triggerRefValue(self, 4);
       }
       trackRefValue(self);
       if (self.effect._dirtyLevel >= 2) {
@@ -1312,7 +1302,7 @@ var Vue = (function () {
 
 getter: `, this.getter);
         }
-        triggerRefValue(self, 3);
+        triggerRefValue(self, 2);
       }
       return self._value;
     }
@@ -1367,7 +1357,7 @@ getter: `, this.getter);
       );
     }
   }
-  function triggerRefValue(ref2, dirtyLevel = 5, newVal, oldVal) {
+  function triggerRefValue(ref2, dirtyLevel = 4, newVal, oldVal) {
     ref2 = toRaw(ref2);
     const dep = ref2.dep;
     if (dep) {
@@ -1418,12 +1408,12 @@ getter: `, this.getter);
         const oldVal = this._rawValue;
         this._rawValue = newVal;
         this._value = useDirectValue ? newVal : toReactive(newVal);
-        triggerRefValue(this, 5, newVal, oldVal);
+        triggerRefValue(this, 4, newVal, oldVal);
       }
     }
   }
   function triggerRef(ref2) {
-    triggerRefValue(ref2, 5, ref2.value );
+    triggerRefValue(ref2, 4, ref2.value );
   }
   function unref(ref2) {
     return isRef(ref2) ? ref2.value : ref2;
@@ -3270,7 +3260,6 @@ If this is a native custom element, make sure to exclude it from component resol
       }
     },
     hydrate: hydrateSuspense,
-    create: createSuspenseBoundary,
     normalize: normalizeSuspenseChildren
   };
   const Suspense = SuspenseImpl ;
@@ -5626,7 +5615,7 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.4.29"}`;
+    Vue.version = `2.6.14-compat:${"3.4.31"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -6935,18 +6924,8 @@ If you want to remount the same app, move your app creation logic into a factory
       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;
@@ -7169,7 +7148,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
@@ -7344,7 +7325,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;
@@ -7367,13 +7347,8 @@ Server rendered element contains fewer child nodes than client vdom.`
           }
         }
       }
-      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";
@@ -7433,8 +7408,8 @@ Server rendered element contains fewer child nodes than client vdom.`
     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);
       }
@@ -7452,6 +7427,18 @@ Server rendered element contains fewer child nodes than client vdom.`
     }
     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;
@@ -7769,14 +7756,8 @@ Server rendered element contains fewer child nodes than client vdom.`
         }
       }
       {
-        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");
@@ -7838,6 +7819,9 @@ Server rendered element contains fewer child nodes than client vdom.`
     };
     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;
@@ -8757,6 +8741,9 @@ Server rendered element contains fewer child nodes than client vdom.`
         dirs,
         memoIndex
       } = vnode;
+      if (patchFlag === -2) {
+        optimized = false;
+      }
       if (ref != null) {
         setRef(ref, null, parentSuspense, vnode, true);
       }
@@ -8788,7 +8775,6 @@ Server rendered element contains fewer child nodes than client vdom.`
             vnode,
             parentComponent,
             parentSuspense,
-            optimized,
             internals,
             doRemove
           );
@@ -10083,7 +10069,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       }
       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);
@@ -11334,7 +11320,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.29";
+  const version = "3.4.31";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -11961,7 +11947,10 @@ Component that was made reactive: `,
       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
+        );
       }
     }
   }
@@ -12163,7 +12152,7 @@ Expected function or array of functions, received type ${typeof value}.`
         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 {