@vue/compat 3.4.0-rc.2 → 3.4.0-rc.3

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

@@ -1663,7 +1663,7 @@ const ErrorTypeStrings$1 = {
   [11]: "app warnHandler",
   [12]: "ref function",
   [13]: "async component loader",
-  [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core"
+  [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core ."
 };
 function callWithErrorHandling(fn, instance, type, args) {
   let res;
@@ -2666,7 +2666,9 @@ function emit(instance, event, ...rawArgs) {
         `Event "${lowerCaseEvent}" is emitted in component ${formatComponentName(
           instance,
           instance.type
-        )} but the handler is registered for "${event}". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "${hyphenate(event)}" instead of "${event}".`
+        )} but the handler is registered for "${event}". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "${hyphenate(
+          event
+        )}" instead of "${event}".`
       );
     }
   }
@@ -3142,7 +3144,6 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
       const selfName = getComponentName(
         Component,
         false
-        /* do not include inferred name to avoid breaking existing code */
       );
       if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) {
         return Component;
@@ -3672,6 +3673,7 @@ function hydrateSuspense(node, vnode, parentComponent, parentSuspense, namespace
     parentSuspense,
     parentComponent,
     node.parentNode,
+    // eslint-disable-next-line no-restricted-globals
     document.createElement("div"),
     null,
     namespace,
@@ -3679,7 +3681,6 @@ function hydrateSuspense(node, vnode, parentComponent, parentSuspense, namespace
     optimized,
     rendererInternals,
     true
-    /* hydrating */
   );
   const result = hydrateNode(
     node,
@@ -3819,7 +3820,14 @@ function watch(source, cb, options) {
   }
   return doWatch(source, cb, options);
 }
-function doWatch(source, cb, { immediate, deep, flush, once, onTrack, onTrigger } = EMPTY_OBJ) {
+function doWatch(source, cb, {
+  immediate,
+  deep,
+  flush,
+  once,
+  onTrack,
+  onTrigger
+} = EMPTY_OBJ) {
   var _a;
   if (cb && once) {
     const _cb = cb;
@@ -4543,7 +4551,6 @@ function defineAsyncComponent(source) {
           instance,
           13,
           !errorComponent
-          /* do not throw in dev if user provided error component */
         );
       };
       if (suspensible && instance.suspense || isInSSRComponentSetup) {
@@ -4945,8 +4952,8 @@ function getCompatListeners(instance) {
 }
 
 function convertLegacyRenderFn(instance) {
-  const Component2 = instance.type;
-  const render = Component2.render;
+  const Component = instance.type;
+  const render = Component.render;
   if (!render || render._rc || render._compatChecked || render._compatWrapped) {
     return;
   }
@@ -4955,7 +4962,7 @@ function convertLegacyRenderFn(instance) {
     return;
   }
   if (checkCompatEnabled("RENDER_FUNCTION", instance)) {
-    const wrapped = Component2.render = function compatRender() {
+    const wrapped = Component.render = function compatRender() {
       return render.call(this, compatH);
     };
     wrapped._compatWrapped = true;
@@ -5114,12 +5121,10 @@ function defineLegacyVNodeProperties(vnode) {
     "RENDER_FUNCTION",
     currentRenderingInstance,
     true
-    /* enable for built-ins */
   ) && isCompatEnabled(
     "PRIVATE_APIS",
     currentRenderingInstance,
     true
-    /* enable for built-ins */
   )) {
     const context = currentRenderingInstance;
     const getInstance = () => vnode.component && vnode.component.proxy;
@@ -5449,7 +5454,6 @@ function installCompatInstanceProperties(map) {
       assertCompatEnabled(
         "GLOBAL_MOUNT",
         null
-        /* this warning is global */
       );
       return i.ctx._compat_mount || NOOP;
     },
@@ -5843,7 +5847,7 @@ function useSlots() {
 function useAttrs() {
   return getContext().attrs;
 }
-function useModel(props, name) {
+function useModel(props, name, options = EMPTY_OBJ) {
   const i = getCurrentInstance();
   if (!!(process.env.NODE_ENV !== "production") && !i) {
     warn$1(`useModel() called without active instance.`);
@@ -5853,7 +5857,7 @@ function useModel(props, name) {
     warn$1(`useModel() called with prop "${name}" which is not declared.`);
     return ref();
   }
-  return customRef((track, trigger) => {
+  const res = customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
       const propValue = props[name];
@@ -5865,7 +5869,7 @@ function useModel(props, name) {
     return {
       get() {
         track();
-        return localValue;
+        return options.get ? options.get(localValue) : localValue;
       },
       set(value) {
         const rawProps = i.vnode.props;
@@ -5873,10 +5877,24 @@ function useModel(props, name) {
           localValue = value;
           trigger();
         }
-        i.emit(`update:${name}`, value);
+        i.emit(`update:${name}`, options.set ? options.set(value) : value);
       }
     };
   });
+  const modifierKey = name === "modelValue" ? "modelModifiers" : `${name}Modifiers`;
+  res[Symbol.iterator] = () => {
+    let i2 = 0;
+    return {
+      next() {
+        if (i2 < 2) {
+          return { value: i2++ ? props[modifierKey] : res, done: false };
+        } else {
+          return { done: true };
+        }
+      }
+    };
+  };
+  return res;
 }
 function getContext() {
   const i = getCurrentInstance();
@@ -6179,7 +6197,6 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP)
           opt.from || key,
           opt.default,
           true
-          /* treat default function as factory */
         );
       } else {
         injected = inject(opt.from || key);
@@ -6452,7 +6469,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.0-rc.2"}`;
+  Vue.version = `2.6.14-compat:${"3.4.0-rc.3"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -7162,7 +7179,6 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
               value,
               instance,
               false
-              /* isAbsent */
             );
           }
         } else {
@@ -7201,7 +7217,6 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
               void 0,
               instance,
               true
-              /* isAbsent */
             );
           }
         } else {
@@ -10224,7 +10239,6 @@ function createElementBlock(type, props, children, patchFlag, dynamicProps, shap
       dynamicProps,
       shapeFlag,
       true
-      /* isBlock */
     )
   );
 }
@@ -10237,7 +10251,6 @@ function createBlock(type, props, children, patchFlag, dynamicProps) {
       patchFlag,
       dynamicProps,
       true
-      /* isBlock: prevent a block from tracking itself */
     )
   );
 }
@@ -10756,7 +10769,10 @@ function setupStatefulComponent(instance, isSSR) {
       setup,
       instance,
       0,
-      [!!(process.env.NODE_ENV !== "production") ? shallowReadonly(instance.props) : instance.props, setupContext]
+      [
+        !!(process.env.NODE_ENV !== "production") ? shallowReadonly(instance.props) : instance.props,
+        setupContext
+      ]
     );
     resetTracking();
     unsetCurrentInstance();
@@ -10880,7 +10896,6 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
     if (!compile && Component.template) {
       warn$1(
         `Component provided template option but runtime compilation is not supported in this build of Vue.` + (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".` )
-        /* should not happen */
       );
     } else {
       warn$1(`Component is missing template or render function.`);
@@ -11254,7 +11269,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0-rc.2";
+const version = "3.4.0-rc.3";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = !!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__ ? devtools$1 : void 0;
@@ -13166,7 +13181,6 @@ Vue.compile = () => {
   if (!!(process.env.NODE_ENV !== "production")) {
     warn(
       `Runtime compilation is not supported in this build of Vue.` + (` Configure your bundler to alias "vue" to "@vue/compat/dist/vue.esm-bundler.js".` )
-      /* should not happen */
     );
   }
 };

package/dist/vue.runtime.global.js

@@ -1664,7 +1664,7 @@ var Vue = (function () {
     [11]: "app warnHandler",
     [12]: "ref function",
     [13]: "async component loader",
-    [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core"
+    [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core ."
   };
   function callWithErrorHandling(fn, instance, type, args) {
     let res;
@@ -2662,7 +2662,9 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
           `Event "${lowerCaseEvent}" is emitted in component ${formatComponentName(
           instance,
           instance.type
-        )} but the handler is registered for "${event}". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "${hyphenate(event)}" instead of "${event}".`
+        )} but the handler is registered for "${event}". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "${hyphenate(
+          event
+        )}" instead of "${event}".`
         );
       }
     }
@@ -3138,7 +3140,6 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
         const selfName = getComponentName(
           Component,
           false
-          /* do not include inferred name to avoid breaking existing code */
         );
         if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) {
           return Component;
@@ -3668,6 +3669,7 @@ If this is a native custom element, make sure to exclude it from component resol
       parentSuspense,
       parentComponent,
       node.parentNode,
+      // eslint-disable-next-line no-restricted-globals
       document.createElement("div"),
       null,
       namespace,
@@ -3675,7 +3677,6 @@ If this is a native custom element, make sure to exclude it from component resol
       optimized,
       rendererInternals,
       true
-      /* hydrating */
     );
     const result = hydrateNode(
       node,
@@ -3815,7 +3816,14 @@ If this is a native custom element, make sure to exclude it from component resol
     }
     return doWatch(source, cb, options);
   }
-  function doWatch(source, cb, { immediate, deep, flush, once, onTrack, onTrigger } = EMPTY_OBJ) {
+  function doWatch(source, cb, {
+    immediate,
+    deep,
+    flush,
+    once,
+    onTrack,
+    onTrigger
+  } = EMPTY_OBJ) {
     var _a;
     if (cb && once) {
       const _cb = cb;
@@ -4516,7 +4524,6 @@ If this is a native custom element, make sure to exclude it from component resol
             instance,
             13,
             !errorComponent
-            /* do not throw in dev if user provided error component */
           );
         };
         if (suspensible && instance.suspense || false) {
@@ -4912,8 +4919,8 @@ If this is a native custom element, make sure to exclude it from component resol
   }
 
   function convertLegacyRenderFn(instance) {
-    const Component2 = instance.type;
-    const render = Component2.render;
+    const Component = instance.type;
+    const render = Component.render;
     if (!render || render._rc || render._compatChecked || render._compatWrapped) {
       return;
     }
@@ -4922,7 +4929,7 @@ If this is a native custom element, make sure to exclude it from component resol
       return;
     }
     if (checkCompatEnabled("RENDER_FUNCTION", instance)) {
-      const wrapped = Component2.render = function compatRender() {
+      const wrapped = Component.render = function compatRender() {
         return render.call(this, compatH);
       };
       wrapped._compatWrapped = true;
@@ -5081,12 +5088,10 @@ If this is a native custom element, make sure to exclude it from component resol
       "RENDER_FUNCTION",
       currentRenderingInstance,
       true
-      /* enable for built-ins */
     ) && isCompatEnabled(
       "PRIVATE_APIS",
       currentRenderingInstance,
       true
-      /* enable for built-ins */
     )) {
       const context = currentRenderingInstance;
       const getInstance = () => vnode.component && vnode.component.proxy;
@@ -5416,7 +5421,6 @@ If this is a native custom element, make sure to exclude it from component resol
         assertCompatEnabled(
           "GLOBAL_MOUNT",
           null
-          /* this warning is global */
         );
         return i.ctx._compat_mount || NOOP;
       },
@@ -5810,7 +5814,7 @@ If this is a native custom element, make sure to exclude it from component resol
   function useAttrs() {
     return getContext().attrs;
   }
-  function useModel(props, name) {
+  function useModel(props, name, options = EMPTY_OBJ) {
     const i = getCurrentInstance();
     if (!i) {
       warn$1(`useModel() called without active instance.`);
@@ -5820,7 +5824,7 @@ If this is a native custom element, make sure to exclude it from component resol
       warn$1(`useModel() called with prop "${name}" which is not declared.`);
       return ref();
     }
-    return customRef((track, trigger) => {
+    const res = customRef((track, trigger) => {
       let localValue;
       watchSyncEffect(() => {
         const propValue = props[name];
@@ -5832,7 +5836,7 @@ If this is a native custom element, make sure to exclude it from component resol
       return {
         get() {
           track();
-          return localValue;
+          return options.get ? options.get(localValue) : localValue;
         },
         set(value) {
           const rawProps = i.vnode.props;
@@ -5840,10 +5844,24 @@ If this is a native custom element, make sure to exclude it from component resol
             localValue = value;
             trigger();
           }
-          i.emit(`update:${name}`, value);
+          i.emit(`update:${name}`, options.set ? options.set(value) : value);
         }
       };
     });
+    const modifierKey = name === "modelValue" ? "modelModifiers" : `${name}Modifiers`;
+    res[Symbol.iterator] = () => {
+      let i2 = 0;
+      return {
+        next() {
+          if (i2 < 2) {
+            return { value: i2++ ? props[modifierKey] : res, done: false };
+          } else {
+            return { done: true };
+          }
+        }
+      };
+    };
+    return res;
   }
   function getContext() {
     const i = getCurrentInstance();
@@ -6144,7 +6162,6 @@ If this is a native custom element, make sure to exclude it from component resol
             opt.from || key,
             opt.default,
             true
-            /* treat default function as factory */
           );
         } else {
           injected = inject(opt.from || key);
@@ -6417,7 +6434,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.0-rc.2"}`;
+    Vue.version = `2.6.14-compat:${"3.4.0-rc.3"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -7124,7 +7141,6 @@ If you want to remount the same app, move your app creation logic into a factory
                 value,
                 instance,
                 false
-                /* isAbsent */
               );
             }
           } else {
@@ -7163,7 +7179,6 @@ If you want to remount the same app, move your app creation logic into a factory
                 void 0,
                 instance,
                 true
-                /* isAbsent */
               );
             }
           } else {
@@ -10138,7 +10153,6 @@ Server rendered element contains fewer child nodes than client vdom.`
         dynamicProps,
         shapeFlag,
         true
-        /* isBlock */
       )
     );
   }
@@ -10151,7 +10165,6 @@ Server rendered element contains fewer child nodes than client vdom.`
         patchFlag,
         dynamicProps,
         true
-        /* isBlock: prevent a block from tracking itself */
       )
     );
   }
@@ -10653,7 +10666,10 @@ Component that was made reactive: `,
         setup,
         instance,
         0,
-        [shallowReadonly(instance.props) , setupContext]
+        [
+          shallowReadonly(instance.props) ,
+          setupContext
+        ]
       );
       resetTracking();
       unsetCurrentInstance();
@@ -10775,7 +10791,6 @@ Component that was made reactive: `,
       if (!compile && Component.template) {
         warn$1(
           `Component provided template option but runtime compilation is not supported in this build of Vue.` + (` Use "vue.global.js" instead.` )
-          /* should not happen */
         );
       } else {
         warn$1(`Component is missing template or render function.`);
@@ -11129,7 +11144,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.0-rc.2";
+  const version = "3.4.0-rc.3";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -12979,7 +12994,6 @@ Make sure to use the production build (*.prod.js) when deploying for production.
     {
       warn(
         `Runtime compilation is not supported in this build of Vue.` + (` Use "vue.global.js" instead.` )
-        /* should not happen */
       );
     }
   };