@vue/runtime-dom 3.4.0-rc.2 → 3.4.0

package/dist/runtime-dom.global.js

@@ -1664,7 +1664,7 @@ var VueRuntimeDOM = (function (exports) {
     [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;
@@ -2174,7 +2174,9 @@ var VueRuntimeDOM = (function (exports) {
           `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}".`
         );
       }
     }
@@ -2617,7 +2619,6 @@ var VueRuntimeDOM = (function (exports) {
         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;
@@ -3147,6 +3148,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,
@@ -3154,7 +3156,6 @@ If this is a native custom element, make sure to exclude it from component resol
       optimized,
       rendererInternals,
       true
-      /* hydrating */
     );
     const result = hydrateNode(
       node,
@@ -3256,7 +3257,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;
@@ -3941,7 +3949,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) {
@@ -4713,7 +4720,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.`);
@@ -4723,7 +4730,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];
@@ -4735,7 +4742,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;
@@ -4743,10 +4750,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();
@@ -5036,7 +5057,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);
@@ -5522,7 +5542,6 @@ If you want to remount the same app, move your app creation logic into a factory
                 value,
                 instance,
                 false
-                /* isAbsent */
               );
             }
           } else {
@@ -5554,7 +5573,6 @@ If you want to remount the same app, move your app creation logic into a factory
                 void 0,
                 instance,
                 true
-                /* isAbsent */
               );
             }
           } else {
@@ -8420,7 +8438,6 @@ Server rendered element contains fewer child nodes than client vdom.`
         dynamicProps,
         shapeFlag,
         true
-        /* isBlock */
       )
     );
   }
@@ -8433,7 +8450,6 @@ Server rendered element contains fewer child nodes than client vdom.`
         patchFlag,
         dynamicProps,
         true
-        /* isBlock: prevent a block from tracking itself */
       )
     );
   }
@@ -8925,7 +8941,10 @@ Component that was made reactive: `,
         setup,
         instance,
         0,
-        [shallowReadonly(instance.props) , setupContext]
+        [
+          shallowReadonly(instance.props) ,
+          setupContext
+        ]
       );
       resetTracking();
       unsetCurrentInstance();
@@ -9035,7 +9054,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.`);
@@ -9389,7 +9407,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.0-rc.2";
+  const version = "3.4.0";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;