@vue/compat 3.3.0-beta.4 → 3.3.0

package/dist/vue.cjs.js

@@ -3153,7 +3153,7 @@ function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense
     );
     setActiveBranch(suspense, vnode.ssFallback);
   } else {
-    suspense.resolve();
+    suspense.resolve(false, true);
   }
 }
 function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) {
@@ -3312,7 +3312,6 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotSc
 }
 let hasWarned = false;
 function createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
-  var _a;
   if (!hasWarned) {
     hasWarned = true;
     console[console.info ? "info" : "log"](
@@ -3327,10 +3326,10 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     o: { parentNode, remove }
   } = rendererInternals;
   let parentSuspenseId;
-  const isSuspensible = ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+  const isSuspensible = isVNodeSuspensible(vnode);
   if (isSuspensible) {
     if (parentSuspense == null ? void 0 : parentSuspense.pendingBranch) {
-      parentSuspenseId = parentSuspense == null ? void 0 : parentSuspense.pendingId;
+      parentSuspenseId = parentSuspense.pendingId;
       parentSuspense.deps++;
     }
   }
@@ -3355,7 +3354,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     isHydrating,
     isUnmounted: false,
     effects: [],
-    resolve(resume = false) {
+    resolve(resume = false, sync = false) {
       {
         if (!resume && !suspense.pendingBranch) {
           throw new Error(
@@ -3417,7 +3416,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
       if (isSuspensible) {
         if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
           parentSuspense.deps--;
-          if (parentSuspense.deps === 0) {
+          if (parentSuspense.deps === 0 && !sync) {
             parentSuspense.resolve();
           }
         }
@@ -3627,6 +3626,10 @@ function setActiveBranch(suspense, branch) {
     updateHOCHostEl(parentComponent, el);
   }
 }
+function isVNodeSuspensible(vnode) {
+  var _a;
+  return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+}
 
 const legacyDirectiveHookMap = {
   beforeMount: "bind",
@@ -4312,7 +4315,11 @@ function getTransitionRawChildren(children, keepComment = false, parentKey) {
 }
 
 function defineComponent(options, extraOptions) {
-  return isFunction(options) ? extend({}, extraOptions, { setup: options, name: options.name }) : options;
+  return isFunction(options) ? (
+    // #8326: extend call and options.name access are considered side-effects
+    // by Rollup, so we have to wrap it in a pure-annotated IIFE.
+    /* @__PURE__ */ (() => extend({ name: options.name }, extraOptions, { setup: options }))()
+  ) : options;
 }
 
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
@@ -6348,7 +6355,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.3.0-beta.4"}`;
+  Vue.version = `2.6.14-compat:${"3.3.0"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -10889,7 +10896,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-beta.4";
+const version = "3.3.0";
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -11123,14 +11130,13 @@ function patchDOMProp(el, key, value, prevChildren, parentComponent, parentSuspe
     el[key] = value == null ? "" : value;
     return;
   }
-  if (key === "value" && el.tagName !== "PROGRESS" && // custom elements may use _value internally
-  !el.tagName.includes("-")) {
+  const tag = el.tagName;
+  if (key === "value" && tag !== "PROGRESS" && // custom elements may use _value internally
+  !tag.includes("-")) {
     el._value = value;
+    const oldValue = tag === "OPTION" ? el.getAttribute("value") : el.value;
     const newValue = value == null ? "" : value;
-    if (el.value !== newValue || // #4956: always set for OPTION elements because its value falls back to
-    // textContent if no value attribute is present. And setting .value for
-    // OPTION has no side effect
-    el.tagName === "OPTION") {
+    if (oldValue !== newValue) {
       el.value = newValue;
     }
     if (value == null) {
@@ -11172,7 +11178,7 @@ function patchDOMProp(el, key, value, prevChildren, parentComponent, parentSuspe
   } catch (e) {
     if (!needRemove) {
       warn(
-        `Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: value ${value} is invalid.`,
+        `Failed setting prop "${key}" on <${tag.toLowerCase()}>: value ${value} is invalid.`,
         e
       );
     }
@@ -12465,7 +12471,7 @@ function injectCompilerOptionsCheck(app) {
     const msg = `The \`compilerOptions\` config option is only respected when using a build of Vue.js that includes the runtime compiler (aka "full build"). Since you are using the runtime-only build, \`compilerOptions\` must be passed to \`@vue/compiler-dom\` in the build setup instead.
 - For vue-loader: pass it via vue-loader's \`compilerOptions\` loader option.
 - For vue-cli: see https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader
-- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`;
+- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-sfc`;
     Object.defineProperty(app.config, "compilerOptions", {
       get() {
         warn(msg);

package/dist/vue.cjs.prod.js

@@ -2247,7 +2247,7 @@ function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense
     );
     setActiveBranch(suspense, vnode.ssFallback);
   } else {
-    suspense.resolve();
+    suspense.resolve(false, true);
   }
 }
 function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) {
@@ -2405,7 +2405,6 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotSc
   }
 }
 function createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
-  var _a;
   const {
     p: patch,
     m: move,
@@ -2414,10 +2413,10 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     o: { parentNode, remove }
   } = rendererInternals;
   let parentSuspenseId;
-  const isSuspensible = ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+  const isSuspensible = isVNodeSuspensible(vnode);
   if (isSuspensible) {
     if (parentSuspense == null ? void 0 : parentSuspense.pendingBranch) {
-      parentSuspenseId = parentSuspense == null ? void 0 : parentSuspense.pendingId;
+      parentSuspenseId = parentSuspense.pendingId;
       parentSuspense.deps++;
     }
   }
@@ -2439,7 +2438,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     isHydrating,
     isUnmounted: false,
     effects: [],
-    resolve(resume = false) {
+    resolve(resume = false, sync = false) {
       const {
         vnode: vnode2,
         activeBranch,
@@ -2489,7 +2488,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
       if (isSuspensible) {
         if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
           parentSuspense.deps--;
-          if (parentSuspense.deps === 0) {
+          if (parentSuspense.deps === 0 && !sync) {
             parentSuspense.resolve();
           }
         }
@@ -2690,6 +2689,10 @@ function setActiveBranch(suspense, branch) {
     updateHOCHostEl(parentComponent, el);
   }
 }
+function isVNodeSuspensible(vnode) {
+  var _a;
+  return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+}
 
 const legacyDirectiveHookMap = {
   beforeMount: "bind",
@@ -3328,7 +3331,11 @@ function getTransitionRawChildren(children, keepComment = false, parentKey) {
 }
 
 function defineComponent(options, extraOptions) {
-  return isFunction(options) ? extend({}, extraOptions, { setup: options, name: options.name }) : options;
+  return isFunction(options) ? (
+    // #8326: extend call and options.name access are considered side-effects
+    // by Rollup, so we have to wrap it in a pure-annotated IIFE.
+    /* @__PURE__ */ (() => extend({ name: options.name }, extraOptions, { setup: options }))()
+  ) : options;
 }
 
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
@@ -5066,7 +5073,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.3.0-beta.4"}`;
+  Vue.version = `2.6.14-compat:${"3.3.0"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -8750,7 +8757,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-beta.4";
+const version = "3.3.0";
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -8976,14 +8983,13 @@ function patchDOMProp(el, key, value, prevChildren, parentComponent, parentSuspe
     el[key] = value == null ? "" : value;
     return;
   }
-  if (key === "value" && el.tagName !== "PROGRESS" && // custom elements may use _value internally
-  !el.tagName.includes("-")) {
+  const tag = el.tagName;
+  if (key === "value" && tag !== "PROGRESS" && // custom elements may use _value internally
+  !tag.includes("-")) {
     el._value = value;
+    const oldValue = tag === "OPTION" ? el.getAttribute("value") : el.value;
     const newValue = value == null ? "" : value;
-    if (el.value !== newValue || // #4956: always set for OPTION elements because its value falls back to
-    // textContent if no value attribute is present. And setting .value for
-    // OPTION has no side effect
-    el.tagName === "OPTION") {
+    if (oldValue !== newValue) {
       el.value = newValue;
     }
     if (value == null) {

package/dist/vue.esm-browser.js

@@ -3080,7 +3080,7 @@ function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense
     );
     setActiveBranch(suspense, vnode.ssFallback);
   } else {
-    suspense.resolve();
+    suspense.resolve(false, true);
   }
 }
 function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) {
@@ -3239,7 +3239,6 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotSc
 }
 let hasWarned = false;
 function createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
-  var _a;
   if (!hasWarned) {
     hasWarned = true;
     console[console.info ? "info" : "log"](
@@ -3254,10 +3253,10 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     o: { parentNode, remove }
   } = rendererInternals;
   let parentSuspenseId;
-  const isSuspensible = ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+  const isSuspensible = isVNodeSuspensible(vnode);
   if (isSuspensible) {
     if (parentSuspense == null ? void 0 : parentSuspense.pendingBranch) {
-      parentSuspenseId = parentSuspense == null ? void 0 : parentSuspense.pendingId;
+      parentSuspenseId = parentSuspense.pendingId;
       parentSuspense.deps++;
     }
   }
@@ -3282,7 +3281,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     isHydrating,
     isUnmounted: false,
     effects: [],
-    resolve(resume = false) {
+    resolve(resume = false, sync = false) {
       {
         if (!resume && !suspense.pendingBranch) {
           throw new Error(
@@ -3344,7 +3343,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
       if (isSuspensible) {
         if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
           parentSuspense.deps--;
-          if (parentSuspense.deps === 0) {
+          if (parentSuspense.deps === 0 && !sync) {
             parentSuspense.resolve();
           }
         }
@@ -3554,6 +3553,10 @@ function setActiveBranch(suspense, branch) {
     updateHOCHostEl(parentComponent, el);
   }
 }
+function isVNodeSuspensible(vnode) {
+  var _a;
+  return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+}
 
 const legacyDirectiveHookMap = {
   beforeMount: "bind",
@@ -4218,7 +4221,11 @@ function getTransitionRawChildren(children, keepComment = false, parentKey) {
 }
 
 function defineComponent(options, extraOptions) {
-  return isFunction(options) ? extend({}, extraOptions, { setup: options, name: options.name }) : options;
+  return isFunction(options) ? (
+    // #8326: extend call and options.name access are considered side-effects
+    // by Rollup, so we have to wrap it in a pure-annotated IIFE.
+    /* @__PURE__ */ (() => extend({ name: options.name }, extraOptions, { setup: options }))()
+  ) : options;
 }
 
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
@@ -6248,7 +6255,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.3.0-beta.4"}`;
+  Vue.version = `2.6.14-compat:${"3.3.0"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -10777,7 +10784,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-beta.4";
+const version = "3.3.0";
 const ssrUtils = null;
 const resolveFilter = resolveFilter$1 ;
 const _compatUtils = {
@@ -11003,14 +11010,13 @@ function patchDOMProp(el, key, value, prevChildren, parentComponent, parentSuspe
     el[key] = value == null ? "" : value;
     return;
   }
-  if (key === "value" && el.tagName !== "PROGRESS" && // custom elements may use _value internally
-  !el.tagName.includes("-")) {
+  const tag = el.tagName;
+  if (key === "value" && tag !== "PROGRESS" && // custom elements may use _value internally
+  !tag.includes("-")) {
     el._value = value;
+    const oldValue = tag === "OPTION" ? el.getAttribute("value") : el.value;
     const newValue = value == null ? "" : value;
-    if (el.value !== newValue || // #4956: always set for OPTION elements because its value falls back to
-    // textContent if no value attribute is present. And setting .value for
-    // OPTION has no side effect
-    el.tagName === "OPTION") {
+    if (oldValue !== newValue) {
       el.value = newValue;
     }
     if (value == null) {
@@ -11052,7 +11058,7 @@ function patchDOMProp(el, key, value, prevChildren, parentComponent, parentSuspe
   } catch (e) {
     if (!needRemove) {
       warn(
-        `Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: value ${value} is invalid.`,
+        `Failed setting prop "${key}" on <${tag.toLowerCase()}>: value ${value} is invalid.`,
         e
       );
     }
@@ -12359,7 +12365,7 @@ function injectCompilerOptionsCheck(app) {
     const msg = `The \`compilerOptions\` config option is only respected when using a build of Vue.js that includes the runtime compiler (aka "full build"). Since you are using the runtime-only build, \`compilerOptions\` must be passed to \`@vue/compiler-dom\` in the build setup instead.
 - For vue-loader: pass it via vue-loader's \`compilerOptions\` loader option.
 - For vue-cli: see https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader
-- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`;
+- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-sfc`;
     Object.defineProperty(app.config, "compilerOptions", {
       get() {
         warn(msg);