@vue/compat 3.3.0-beta.4 → 3.3.0-beta.5

package/dist/vue.esm-bundler.js

@@ -3097,7 +3097,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 } }) {
@@ -3256,7 +3256,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 (process.env.NODE_ENV !== "production" && true && !hasWarned) {
     hasWarned = true;
     console[console.info ? "info" : "log"](
@@ -3271,10 +3270,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++;
     }
   }
@@ -3299,7 +3298,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     isHydrating,
     isUnmounted: false,
     effects: [],
-    resolve(resume = false) {
+    resolve(resume = false, sync = false) {
       if (process.env.NODE_ENV !== "production") {
         if (!resume && !suspense.pendingBranch) {
           throw new Error(
@@ -3361,7 +3360,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();
           }
         }
@@ -3571,6 +3570,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",
@@ -4258,7 +4261,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;
@@ -6296,7 +6303,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-beta.5"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -10890,7 +10897,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-beta.4";
+const version = "3.3.0-beta.5";
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -11124,14 +11131,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) {
@@ -11173,7 +11179,7 @@ function patchDOMProp(el, key, value, prevChildren, parentComponent, parentSuspe
   } catch (e) {
     if (process.env.NODE_ENV !== "production" && !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
       );
     }
@@ -12521,7 +12527,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.global.js

@@ -3083,7 +3083,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
       );
       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 } }) {
@@ -3242,7 +3242,6 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
   }
   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"](
@@ -3257,10 +3256,10 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
       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++;
       }
     }
@@ -3285,7 +3284,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
       isHydrating,
       isUnmounted: false,
       effects: [],
-      resolve(resume = false) {
+      resolve(resume = false, sync = false) {
         {
           if (!resume && !suspense.pendingBranch) {
             throw new Error(
@@ -3347,7 +3346,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
         if (isSuspensible) {
           if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
             parentSuspense.deps--;
-            if (parentSuspense.deps === 0) {
+            if (parentSuspense.deps === 0 && !sync) {
               parentSuspense.resolve();
             }
           }
@@ -3557,6 +3556,10 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
       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",
@@ -4221,7 +4224,11 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
   }
 
   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;
@@ -6251,7 +6258,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.3.0-beta.4"}`;
+    Vue.version = `2.6.14-compat:${"3.3.0-beta.5"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -10774,7 +10781,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.3.0-beta.4";
+  const version = "3.3.0-beta.5";
   const ssrUtils = null;
   const resolveFilter = resolveFilter$1 ;
   const _compatUtils = {
@@ -11000,14 +11007,13 @@ Component that was made reactive: `,
       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) {
@@ -11049,7 +11055,7 @@ Component that was made reactive: `,
     } 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
         );
       }
@@ -12344,7 +12350,7 @@ Component that was made reactive: `,
       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);