@vue/server-renderer 3.2.44 → 3.2.46

package/dist/server-renderer.esm-browser.js

@@ -94,7 +94,7 @@ function normalizeClass(value) {
 // These tag configs are shared between compiler-dom and runtime-dom, so they
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Element
 const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' +
-    'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' +
+    'header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' +
     'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' +
     'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' +
     'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' +
@@ -106,7 +106,7 @@ const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,asi
 const SVG_TAGS = 'svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,' +
     'defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,' +
     'feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,' +
-    'feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' +
+    'feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' +
     'feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,' +
     'fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,' +
     'foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,' +
@@ -333,8 +333,8 @@ const remove = (arr, el) => {
         arr.splice(i, 1);
     }
 };
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty.call(val, key);
+const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty$1.call(val, key);
 const isArray = Array.isArray;
 const isMap = (val) => toTypeString(val) === '[object Map]';
 const isSet = (val) => toTypeString(val) === '[object Set]';
@@ -405,7 +405,11 @@ const def = (obj, key, value) => {
         value
     });
 };
-const toNumber = (val) => {
+/**
+ * "123-foo" will be parsed to 123
+ * This is used for the .number modifier in v-model
+ */
+const looseToNumber = (val) => {
     const n = parseFloat(val);
     return isNaN(n) ? val : n;
 };
@@ -424,7 +428,7 @@ const getGlobalThis = () => {
                             : {}));
 };
 
-function warn(msg, ...args) {
+function warn$1(msg, ...args) {
     console.warn(`[Vue warn] ${msg}`, ...args);
 }
 
@@ -435,7 +439,7 @@ class EffectScope {
         /**
          * @internal
          */
-        this.active = true;
+        this._active = true;
         /**
          * @internal
          */
@@ -450,8 +454,11 @@ class EffectScope {
                 (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
         }
     }
+    get active() {
+        return this._active;
+    }
     run(fn) {
-        if (this.active) {
+        if (this._active) {
             const currentEffectScope = activeEffectScope;
             try {
                 activeEffectScope = this;
@@ -462,7 +469,7 @@ class EffectScope {
             }
         }
         else {
-            warn(`cannot run an inactive effect scope.`);
+            warn$1(`cannot run an inactive effect scope.`);
         }
     }
     /**
@@ -480,7 +487,7 @@ class EffectScope {
         activeEffectScope = this.parent;
     }
     stop(fromParent) {
-        if (this.active) {
+        if (this._active) {
             let i, l;
             for (i = 0, l = this.effects.length; i < l; i++) {
                 this.effects[i].stop();
@@ -503,7 +510,7 @@ class EffectScope {
                 }
             }
             this.parent = undefined;
-            this.active = false;
+            this._active = false;
         }
     }
 }
@@ -512,6 +519,9 @@ function recordEffectScope(effect, scope = activeEffectScope) {
         scope.effects.push(effect);
     }
 }
+function getCurrentScope() {
+    return activeEffectScope;
+}
 
 const createDep = (effects) => {
     const dep = new Set(effects);
@@ -692,7 +702,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         deps = [...depsMap.values()];
     }
     else if (key === 'length' && isArray(target)) {
-        const newLength = toNumber(newValue);
+        const newLength = Number(newValue);
         depsMap.forEach((dep, key) => {
             if (key === 'length' || key >= newLength) {
                 deps.push(dep);
@@ -792,7 +802,7 @@ Object.getOwnPropertyNames(Symbol)
     .filter(key => key !== 'arguments' && key !== 'caller')
     .map(key => Symbol[key])
     .filter(isSymbol));
-const get = /*#__PURE__*/ createGetter();
+const get$1 = /*#__PURE__*/ createGetter();
 const shallowGet = /*#__PURE__*/ createGetter(false, true);
 const readonlyGet = /*#__PURE__*/ createGetter(true);
 const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true);
@@ -826,6 +836,11 @@ function createArrayInstrumentations() {
     });
     return instrumentations;
 }
+function hasOwnProperty(key) {
+    const obj = toRaw(this);
+    track(obj, "has" /* TrackOpTypes.HAS */, key);
+    return obj.hasOwnProperty(key);
+}
 function createGetter(isReadonly = false, shallow = false) {
     return function get(target, key, receiver) {
         if (key === "__v_isReactive" /* ReactiveFlags.IS_REACTIVE */) {
@@ -849,8 +864,13 @@ function createGetter(isReadonly = false, shallow = false) {
             return target;
         }
         const targetIsArray = isArray(target);
-        if (!isReadonly && targetIsArray && hasOwn(arrayInstrumentations, key)) {
-            return Reflect.get(arrayInstrumentations, key, receiver);
+        if (!isReadonly) {
+            if (targetIsArray && hasOwn(arrayInstrumentations, key)) {
+                return Reflect.get(arrayInstrumentations, key, receiver);
+            }
+            if (key === 'hasOwnProperty') {
+                return hasOwnProperty;
+            }
         }
         const res = Reflect.get(target, key, receiver);
         if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) {
@@ -875,7 +895,7 @@ function createGetter(isReadonly = false, shallow = false) {
         return res;
     };
 }
-const set = /*#__PURE__*/ createSetter();
+const set$1 = /*#__PURE__*/ createSetter();
 const shallowSet = /*#__PURE__*/ createSetter(true);
 function createSetter(shallow = false) {
     return function set(target, key, value, receiver) {
@@ -918,7 +938,7 @@ function deleteProperty(target, key) {
     }
     return result;
 }
-function has(target, key) {
+function has$1(target, key) {
     const result = Reflect.has(target, key);
     if (!isSymbol(key) || !builtInSymbols.has(key)) {
         track(target, "has" /* TrackOpTypes.HAS */, key);
@@ -930,23 +950,23 @@ function ownKeys(target) {
     return Reflect.ownKeys(target);
 }
 const mutableHandlers = {
-    get,
-    set,
+    get: get$1,
+    set: set$1,
     deleteProperty,
-    has,
+    has: has$1,
     ownKeys
 };
 const readonlyHandlers = {
     get: readonlyGet,
     set(target, key) {
         {
-            warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target);
+            warn$1(`Set operation on key "${String(key)}" failed: target is readonly.`, target);
         }
         return true;
     },
     deleteProperty(target, key) {
         {
-            warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target);
+            warn$1(`Delete operation on key "${String(key)}" failed: target is readonly.`, target);
         }
         return true;
     }
@@ -964,7 +984,7 @@ const shallowReadonlyHandlers = /*#__PURE__*/ extend({}, readonlyHandlers, {
 
 const toShallow = (value) => value;
 const getProto = (v) => Reflect.getPrototypeOf(v);
-function get$1(target, key, isReadonly = false, isShallow = false) {
+function get(target, key, isReadonly = false, isShallow = false) {
     // #1772: readonly(reactive(Map)) should return readonly + reactive version
     // of the value
     target = target["__v_raw" /* ReactiveFlags.RAW */];
@@ -990,7 +1010,7 @@ function get$1(target, key, isReadonly = false, isShallow = false) {
         target.get(key);
     }
 }
-function has$1(key, isReadonly = false) {
+function has(key, isReadonly = false) {
     const target = this["__v_raw" /* ReactiveFlags.RAW */];
     const rawTarget = toRaw(target);
     const rawKey = toRaw(key);
@@ -1020,7 +1040,7 @@ function add(value) {
     }
     return this;
 }
-function set$1(key, value) {
+function set(key, value) {
     value = toRaw(value);
     const target = toRaw(this);
     const { has, get } = getProto(target);
@@ -1133,41 +1153,41 @@ function createReadonlyMethod(type) {
 function createInstrumentations() {
     const mutableInstrumentations = {
         get(key) {
-            return get$1(this, key);
+            return get(this, key);
         },
         get size() {
             return size(this);
         },
-        has: has$1,
+        has,
         add,
-        set: set$1,
+        set,
         delete: deleteEntry,
         clear,
         forEach: createForEach(false, false)
     };
     const shallowInstrumentations = {
         get(key) {
-            return get$1(this, key, false, true);
+            return get(this, key, false, true);
         },
         get size() {
             return size(this);
         },
-        has: has$1,
+        has,
         add,
-        set: set$1,
+        set,
         delete: deleteEntry,
         clear,
         forEach: createForEach(false, true)
     };
     const readonlyInstrumentations = {
         get(key) {
-            return get$1(this, key, true);
+            return get(this, key, true);
         },
         get size() {
             return size(this, true);
         },
         has(key) {
-            return has$1.call(this, key, true);
+            return has.call(this, key, true);
         },
         add: createReadonlyMethod("add" /* TriggerOpTypes.ADD */),
         set: createReadonlyMethod("set" /* TriggerOpTypes.SET */),
@@ -1177,13 +1197,13 @@ function createInstrumentations() {
     };
     const shallowReadonlyInstrumentations = {
         get(key) {
-            return get$1(this, key, true, true);
+            return get(this, key, true, true);
         },
         get size() {
             return size(this, true);
         },
         has(key) {
-            return has$1.call(this, key, true);
+            return has.call(this, key, true);
         },
         add: createReadonlyMethod("add" /* TriggerOpTypes.ADD */),
         set: createReadonlyMethod("set" /* TriggerOpTypes.SET */),
@@ -1374,9 +1394,10 @@ function trackRefValue(ref) {
 }
 function triggerRefValue(ref, newVal) {
     ref = toRaw(ref);
-    if (ref.dep) {
+    const dep = ref.dep;
+    if (dep) {
         {
-            triggerEffects(ref.dep, {
+            triggerEffects(dep, {
                 target: ref,
                 type: "set" /* TriggerOpTypes.SET */,
                 key: 'value',
@@ -1443,7 +1464,7 @@ class ComputedRefImpl {
     }
 }
 _a = "__v_isReadonly" /* ReactiveFlags.IS_READONLY */;
-function computed(getterOrOptions, debugOptions, isSSR = false) {
+function computed$1(getterOrOptions, debugOptions, isSSR = false) {
     let getter;
     let setter;
     const onlyGetter = isFunction(getterOrOptions);
@@ -1473,7 +1494,7 @@ function pushWarningContext(vnode) {
 function popWarningContext() {
     stack.pop();
 }
-function warn$1(msg, ...args) {
+function warn(msg, ...args) {
     // avoid props formatting or warn handler tracking deps that might be mutated
     // during patch, leading to infinite recursion.
     pauseTracking();
@@ -1672,7 +1693,7 @@ function logError(err, type, contextVNode, throwInDev = true) {
         if (contextVNode) {
             pushWarningContext(contextVNode);
         }
-        warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+        warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
         if (contextVNode) {
             popWarningContext();
         }
@@ -1868,7 +1889,7 @@ function checkRecursiveUpdates(seen, fn) {
         if (count > RECURSION_LIMIT) {
             const instance = fn.ownerInstance;
             const componentName = instance && getComponentName(instance.type);
-            warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
+            warn(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
                 `This means you have a reactive effect that is mutating its own ` +
                 `dependencies and thus recursively triggering itself. Possible sources ` +
                 `include component template, render function, updated hook or ` +
@@ -1975,12 +1996,6 @@ function reload(id, newComp) {
             // components to be unmounted and re-mounted. Queue the update so that we
             // don't end up forcing the same parent to re-render multiple times.
             queueJob(instance.parent.update);
-            // instance is the inner component of an async custom element
-            // invoke to reset styles
-            if (instance.parent.type.__asyncLoader &&
-                instance.parent.ceReload) {
-                instance.parent.ceReload(newComp.styles);
-            }
         }
         else if (instance.appContext.reload) {
             // root instance mounted via createApp() has a reload method
@@ -2025,7 +2040,7 @@ function tryWrap(fn) {
 let devtools;
 let buffer = [];
 let devtoolsNotInstalled = false;
-function emit(event, ...args) {
+function emit$1(event, ...args) {
     if (devtools) {
         devtools.emit(event, ...args);
     }
@@ -2072,7 +2087,7 @@ function setDevtoolsHook(hook, target) {
     }
 }
 function devtoolsInitApp(app, version) {
-    emit("app:init" /* DevtoolsHooks.APP_INIT */, app, version, {
+    emit$1("app:init" /* DevtoolsHooks.APP_INIT */, app, version, {
         Fragment,
         Text,
         Comment,
@@ -2080,7 +2095,7 @@ function devtoolsInitApp(app, version) {
     });
 }
 function devtoolsUnmountApp(app) {
-    emit("app:unmount" /* DevtoolsHooks.APP_UNMOUNT */, app);
+    emit$1("app:unmount" /* DevtoolsHooks.APP_UNMOUNT */, app);
 }
 const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* DevtoolsHooks.COMPONENT_ADDED */);
 const devtoolsComponentUpdated = 
@@ -2096,21 +2111,21 @@ const devtoolsComponentRemoved = (component) => {
 };
 function createDevtoolsComponentHook(hook) {
     return (component) => {
-        emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
+        emit$1(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
     };
 }
 const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* DevtoolsHooks.PERFORMANCE_START */);
 const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* DevtoolsHooks.PERFORMANCE_END */);
 function createDevtoolsPerformanceHook(hook) {
     return (component, type, time) => {
-        emit(hook, component.appContext.app, component.uid, component, type, time);
+        emit$1(hook, component.appContext.app, component.uid, component, type, time);
     };
 }
 function devtoolsComponentEmit(component, event, params) {
-    emit("component:emit" /* DevtoolsHooks.COMPONENT_EMIT */, component.appContext.app, component, event, params);
+    emit$1("component:emit" /* DevtoolsHooks.COMPONENT_EMIT */, component.appContext.app, component, event, params);
 }
 
-function emit$1(instance, event, ...rawArgs) {
+function emit(instance, event, ...rawArgs) {
     if (instance.isUnmounted)
         return;
     const props = instance.vnode.props || EMPTY_OBJ;
@@ -2120,7 +2135,7 @@ function emit$1(instance, event, ...rawArgs) {
             if (!(event in emitsOptions) &&
                 !(false )) {
                 if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
-                    warn$1(`Component emitted event "${event}" but it is neither declared in ` +
+                    warn(`Component emitted event "${event}" but it is neither declared in ` +
                         `the emits option nor as an "${toHandlerKey(event)}" prop.`);
                 }
             }
@@ -2129,7 +2144,7 @@ function emit$1(instance, event, ...rawArgs) {
                 if (isFunction(validator)) {
                     const isValid = validator(...rawArgs);
                     if (!isValid) {
-                        warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
+                        warn(`Invalid event arguments: event validation failed for event "${event}".`);
                     }
                 }
             }
@@ -2146,7 +2161,7 @@ function emit$1(instance, event, ...rawArgs) {
             args = rawArgs.map(a => (isString(a) ? a.trim() : a));
         }
         if (number) {
-            args = rawArgs.map(toNumber);
+            args = rawArgs.map(looseToNumber);
         }
     }
     {
@@ -2155,7 +2170,7 @@ function emit$1(instance, event, ...rawArgs) {
     {
         const lowerCaseEvent = event.toLowerCase();
         if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-            warn$1(`Event "${lowerCaseEvent}" is emitted in component ` +
+            warn(`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. ` +
@@ -2260,7 +2275,7 @@ let currentScopeId = null;
  * setCurrentRenderingInstance(prev)
  * ```
  */
-function setCurrentRenderingInstance(instance) {
+function setCurrentRenderingInstance$1(instance) {
     const prev = currentRenderingInstance;
     currentRenderingInstance = instance;
     currentScopeId = (instance && instance.type.__scopeId) || null;
@@ -2287,13 +2302,13 @@ function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot // false on
         if (renderFnWithContext._d) {
             setBlockTracking(-1);
         }
-        const prevInstance = setCurrentRenderingInstance(ctx);
+        const prevInstance = setCurrentRenderingInstance$1(ctx);
         let res;
         try {
             res = fn(...args);
         }
         finally {
-            setCurrentRenderingInstance(prevInstance);
+            setCurrentRenderingInstance$1(prevInstance);
             if (renderFnWithContext._d) {
                 setBlockTracking(1);
             }
@@ -2323,11 +2338,11 @@ let accessedAttrs = false;
 function markAttrsAccessed() {
     accessedAttrs = true;
 }
-function renderComponentRoot(instance) {
+function renderComponentRoot$1(instance) {
     const { type: Component, vnode, proxy, withProxy, props, propsOptions: [propsOptions], slots, attrs, emit, render, renderCache, data, setupState, ctx, inheritAttrs } = instance;
     let result;
     let fallthroughAttrs;
-    const prev = setCurrentRenderingInstance(instance);
+    const prev = setCurrentRenderingInstance$1(instance);
     {
         accessedAttrs = false;
     }
@@ -2336,7 +2351,7 @@ function renderComponentRoot(instance) {
             // withProxy is a proxy with a different `has` trap only for
             // runtime-compiled render functions using `with` block.
             const proxyToUse = withProxy || proxy;
-            result = normalizeVNode(render.call(proxyToUse, proxyToUse, renderCache, props, setupState, data, ctx));
+            result = normalizeVNode$1(render.call(proxyToUse, proxyToUse, renderCache, props, setupState, data, ctx));
             fallthroughAttrs = attrs;
         }
         else {
@@ -2346,7 +2361,7 @@ function renderComponentRoot(instance) {
             if (true && attrs === props) {
                 markAttrsAccessed();
             }
-            result = normalizeVNode(render.length > 1
+            result = normalizeVNode$1(render.length > 1
                 ? render(props, true
                     ? {
                         get attrs() {
@@ -2364,7 +2379,6 @@ function renderComponentRoot(instance) {
         }
     }
     catch (err) {
-        blockStack.length = 0;
         handleError(err, instance, 1 /* ErrorCodes.RENDER_FUNCTION */);
         result = createVNode(Comment);
     }
@@ -2410,13 +2424,13 @@ function renderComponentRoot(instance) {
                     }
                 }
                 if (extraAttrs.length) {
-                    warn$1(`Extraneous non-props attributes (` +
+                    warn(`Extraneous non-props attributes (` +
                         `${extraAttrs.join(', ')}) ` +
                         `were passed to component but could not be automatically inherited ` +
                         `because component renders fragment or text root nodes.`);
                 }
                 if (eventAttrs.length) {
-                    warn$1(`Extraneous non-emits event listeners (` +
+                    warn(`Extraneous non-emits event listeners (` +
                         `${eventAttrs.join(', ')}) ` +
                         `were passed to component but could not be automatically inherited ` +
                         `because component renders fragment or text root nodes. ` +
@@ -2429,7 +2443,7 @@ function renderComponentRoot(instance) {
     // inherit directives
     if (vnode.dirs) {
         if (!isElementRoot(root)) {
-            warn$1(`Runtime directive used on component with non-element root node. ` +
+            warn(`Runtime directive used on component with non-element root node. ` +
                 `The directives will not function as intended.`);
         }
         // clone before mutating since the root may be a hoisted vnode
@@ -2439,7 +2453,7 @@ function renderComponentRoot(instance) {
     // inherit transition data
     if (vnode.transition) {
         if (!isElementRoot(root)) {
-            warn$1(`Component inside <Transition> renders non-element root node ` +
+            warn(`Component inside <Transition> renders non-element root node ` +
                 `that cannot be animated.`);
         }
         root.transition = vnode.transition;
@@ -2450,7 +2464,7 @@ function renderComponentRoot(instance) {
     else {
         result = root;
     }
-    setCurrentRenderingInstance(prev);
+    setCurrentRenderingInstance$1(prev);
     return result;
 }
 /**
@@ -2479,13 +2493,13 @@ const getChildRoot = (vnode) => {
             }
         }
     };
-    return [normalizeVNode(childRoot), setRoot];
+    return [normalizeVNode$1(childRoot), setRoot];
 };
 function filterSingleRoot(children) {
     let singleRoot;
     for (let i = 0; i < children.length; i++) {
         const child = children[i];
-        if (isVNode(child)) {
+        if (isVNode$2(child)) {
             // ignore user comment
             if (child.type !== Comment || child.children === 'v-if') {
                 if (singleRoot) {
@@ -2625,7 +2639,7 @@ function queueEffectWithSuspense(fn, suspense) {
 function provide(key, value) {
     if (!currentInstance) {
         {
-            warn$1(`provide() can only be used inside setup().`);
+            warn(`provide() can only be used inside setup().`);
         }
     }
     else {
@@ -2664,11 +2678,11 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
                 : defaultValue;
         }
         else {
-            warn$1(`injection "${String(key)}" not found.`);
+            warn(`injection "${String(key)}" not found.`);
         }
     }
     else {
-        warn$1(`inject() can only be used inside setup() or functional components.`);
+        warn(`inject() can only be used inside setup() or functional components.`);
     }
 }
 
@@ -2677,7 +2691,7 @@ const INITIAL_WATCHER_VALUE = {};
 // implementation
 function watch(source, cb, options) {
     if (!isFunction(cb)) {
-        warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
+        warn(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
             `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
             `supports \`watch(source, cb, options?) signature.`);
     }
@@ -2686,19 +2700,20 @@ function watch(source, cb, options) {
 function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
     if (!cb) {
         if (immediate !== undefined) {
-            warn$1(`watch() "immediate" option is only respected when using the ` +
+            warn(`watch() "immediate" option is only respected when using the ` +
                 `watch(source, callback, options?) signature.`);
         }
         if (deep !== undefined) {
-            warn$1(`watch() "deep" option is only respected when using the ` +
+            warn(`watch() "deep" option is only respected when using the ` +
                 `watch(source, callback, options?) signature.`);
         }
     }
     const warnInvalidSource = (s) => {
-        warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
+        warn(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
             `a reactive object, or an array of these types.`);
     };
-    const instance = currentInstance;
+    const instance = getCurrentScope() === (currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.scope) ? currentInstance : null;
+    // const instance = currentInstance
     let getter;
     let forceTrigger = false;
     let isMultiSource = false;
@@ -2809,7 +2824,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
                     // pass undefined as the old value when it's changed for the first time
                     oldValue === INITIAL_WATCHER_VALUE
                         ? undefined
-                        : (isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE)
+                        : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE
                             ? []
                             : oldValue,
                     onCleanup
@@ -3019,7 +3034,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
     }
     else {
         const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
-        warn$1(`${apiName} is called when there is no active component instance to be ` +
+        warn(`${apiName} is called when there is no active component instance to be ` +
             `associated with. ` +
             `Lifecycle injection APIs can only be used during execution of setup().` +
             (` If you are using async setup(), make sure to register lifecycle ` +
@@ -3058,7 +3073,7 @@ return withDirectives(h(comp), [
 */
 function validateDirectiveName(name) {
     if (isBuiltInDirective(name)) {
-        warn$1('Do not use built-in directive ids as custom directive id: ' + name);
+        warn('Do not use built-in directive ids as custom directive id: ' + name);
     }
 }
 function invokeDirectiveHook(vnode, prevVNode, instance, name) {
@@ -3119,6 +3134,7 @@ const publicPropertiesMap =
     $watch: i => (instanceWatch.bind(i) )
 });
 const isReservedPrefix = (key) => key === '_' || key === '$';
+const hasSetupBinding = (state, key) => state !== EMPTY_OBJ && !state.__isScriptSetup && hasOwn(state, key);
 const PublicInstanceProxyHandlers = {
     get({ _: instance }, key) {
         const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
@@ -3126,15 +3142,6 @@ const PublicInstanceProxyHandlers = {
         if (key === '__isVue') {
             return true;
         }
-        // prioritize <script setup> bindings during dev.
-        // this allows even properties that start with _ or $ to be used - so that
-        // it aligns with the production behavior where the render fn is inlined and
-        // indeed has access to all declared variables.
-        if (setupState !== EMPTY_OBJ &&
-            setupState.__isScriptSetup &&
-            hasOwn(setupState, key)) {
-            return setupState[key];
-        }
         // data / props / ctx
         // This getter gets called for every property access on the render context
         // during render and is a major hotspot. The most expensive part of this
@@ -3157,7 +3164,7 @@ const PublicInstanceProxyHandlers = {
                     // default: just fallthrough
                 }
             }
-            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+            else if (hasSetupBinding(setupState, key)) {
                 accessCache[key] = 1 /* AccessTypes.SETUP */;
                 return setupState[key];
             }
@@ -3216,32 +3223,37 @@ const PublicInstanceProxyHandlers = {
                 // to infinite warning loop
                 key.indexOf('__v') !== 0)) {
             if (data !== EMPTY_OBJ && isReservedPrefix(key[0]) && hasOwn(data, key)) {
-                warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
+                warn(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
                     `character ("$" or "_") and is not proxied on the render context.`);
             }
             else if (instance === currentRenderingInstance) {
-                warn$1(`Property ${JSON.stringify(key)} was accessed during render ` +
+                warn(`Property ${JSON.stringify(key)} was accessed during render ` +
                     `but is not defined on instance.`);
             }
         }
     },
     set({ _: instance }, key, value) {
         const { data, setupState, ctx } = instance;
-        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+        if (hasSetupBinding(setupState, key)) {
             setupState[key] = value;
             return true;
         }
+        else if (setupState.__isScriptSetup &&
+            hasOwn(setupState, key)) {
+            warn(`Cannot mutate <script setup> binding "${key}" from Options API.`);
+            return false;
+        }
         else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
             data[key] = value;
             return true;
         }
         else if (hasOwn(instance.props, key)) {
-            warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
+            warn(`Attempting to mutate prop "${key}". Props are readonly.`);
             return false;
         }
         if (key[0] === '$' && key.slice(1) in instance) {
-            warn$1(`Attempting to mutate public property "${key}". ` +
-                    `Properties starting with $ are reserved and readonly.`, instance);
+            warn(`Attempting to mutate public property "${key}". ` +
+                    `Properties starting with $ are reserved and readonly.`);
             return false;
         }
         else {
@@ -3262,7 +3274,7 @@ const PublicInstanceProxyHandlers = {
         let normalizedProps;
         return (!!accessCache[key] ||
             (data !== EMPTY_OBJ && hasOwn(data, key)) ||
-            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
+            hasSetupBinding(setupState, key) ||
             ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
             hasOwn(ctx, key) ||
             hasOwn(publicPropertiesMap, key) ||
@@ -3281,7 +3293,7 @@ const PublicInstanceProxyHandlers = {
 };
 {
     PublicInstanceProxyHandlers.ownKeys = (target) => {
-        warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` +
+        warn(`Avoid app logic that relies on enumerating keys on a component instance. ` +
             `The keys will be empty in production mode to avoid performance overhead.`);
         return Reflect.ownKeys(target);
     };
@@ -3331,7 +3343,7 @@ function exposeSetupStateOnRenderContext(instance) {
     Object.keys(toRaw(setupState)).forEach(key => {
         if (!setupState.__isScriptSetup) {
             if (isReservedPrefix(key[0])) {
-                warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+                warn(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
                     `which are reserved prefixes for Vue internals.`);
                 return;
             }
@@ -3349,7 +3361,7 @@ function createDuplicateChecker() {
     const cache = Object.create(null);
     return (type, key) => {
         if (cache[key]) {
-            warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
+            warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
         }
         else {
             cache[key] = type;
@@ -3416,24 +3428,24 @@ function applyOptions(instance) {
                 }
             }
             else {
-                warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
+                warn(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
                     `Did you reference the function correctly?`);
             }
         }
     }
     if (dataOptions) {
         if (!isFunction(dataOptions)) {
-            warn$1(`The data option must be a function. ` +
+            warn(`The data option must be a function. ` +
                 `Plain object usage is no longer supported.`);
         }
         const data = dataOptions.call(publicThis, publicThis);
         if (isPromise(data)) {
-            warn$1(`data() returned a Promise - note data() cannot be async; If you ` +
+            warn(`data() returned a Promise - note data() cannot be async; If you ` +
                 `intend to perform data fetching before component renders, use ` +
                 `async setup() + <Suspense>.`);
         }
         if (!isObject(data)) {
-            warn$1(`data() should return an object.`);
+            warn(`data() should return an object.`);
         }
         else {
             instance.data = reactive(data);
@@ -3464,15 +3476,15 @@ function applyOptions(instance) {
                     ? opt.get.bind(publicThis, publicThis)
                     : NOOP;
             if (get === NOOP) {
-                warn$1(`Computed property "${key}" has no getter.`);
+                warn(`Computed property "${key}" has no getter.`);
             }
             const set = !isFunction(opt) && isFunction(opt.set)
                 ? opt.set.bind(publicThis)
                 : () => {
-                        warn$1(`Write operation failed: computed property "${key}" is readonly.`);
+                        warn(`Write operation failed: computed property "${key}" is readonly.`);
                     }
                     ;
-            const c = computed$1({
+            const c = computed({
                 get,
                 set
             });
@@ -3581,7 +3593,7 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP,
             }
             else {
                 {
-                    warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` +
+                    warn(`injected property "${key}" is a ref and will be auto-unwrapped ` +
                         `and no longer needs \`.value\` in the next minor release. ` +
                         `To opt-in to the new behavior now, ` +
                         `set \`app.config.unwrapInjectedRef = true\` (this config is ` +
@@ -3613,7 +3625,7 @@ function createWatcher(raw, ctx, publicThis, key) {
             watch(getter, handler);
         }
         else {
-            warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
+            warn(`Invalid watch handler specified by key "${raw}"`, handler);
         }
     }
     else if (isFunction(raw)) {
@@ -3631,12 +3643,12 @@ function createWatcher(raw, ctx, publicThis, key) {
                 watch(getter, handler, raw);
             }
             else {
-                warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+                warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
             }
         }
     }
     else {
-        warn$1(`Invalid watch option: "${key}"`, raw);
+        warn(`Invalid watch option: "${key}"`, raw);
     }
 }
 /**
@@ -3680,7 +3692,7 @@ function mergeOptions(to, from, strats, asMixin = false) {
     }
     for (const key in from) {
         if (asMixin && key === 'expose') {
-            warn$1(`"expose" option is ignored when declared in mixins or extends. ` +
+            warn(`"expose" option is ignored when declared in mixins or extends. ` +
                     `It should only be declared in the base component itself.`);
         }
         else {
@@ -4013,7 +4025,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     if (isArray(raw)) {
         for (let i = 0; i < raw.length; i++) {
             if (!isString(raw[i])) {
-                warn$1(`props must be strings when using array syntax.`, raw[i]);
+                warn(`props must be strings when using array syntax.`, raw[i]);
             }
             const normalizedKey = camelize(raw[i]);
             if (validatePropName(normalizedKey)) {
@@ -4023,7 +4035,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     }
     else if (raw) {
         if (!isObject(raw)) {
-            warn$1(`invalid props options`, raw);
+            warn(`invalid props options`, raw);
         }
         for (const key in raw) {
             const normalizedKey = camelize(key);
@@ -4056,15 +4068,15 @@ function validatePropName(key) {
         return true;
     }
     else {
-        warn$1(`Invalid prop name: "${key}" is a reserved property.`);
+        warn(`Invalid prop name: "${key}" is a reserved property.`);
     }
     return false;
 }
 // use function string name to check type constructors
 // so that it works across vms / iframes.
 function getType(ctor) {
-    const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : ctor === null ? 'null' : '';
+    const match = ctor && ctor.toString().match(/^\s*(function|class) (\w+)/);
+    return match ? match[2] : ctor === null ? 'null' : '';
 }
 function isSameType(a, b) {
     return getType(a) === getType(b);
@@ -4098,7 +4110,7 @@ function validateProp(name, value, prop, isAbsent) {
     const { type, required, validator } = prop;
     // required!
     if (required && isAbsent) {
-        warn$1('Missing required prop: "' + name + '"');
+        warn('Missing required prop: "' + name + '"');
         return;
     }
     // missing but optional
@@ -4117,13 +4129,13 @@ function validateProp(name, value, prop, isAbsent) {
             isValid = valid;
         }
         if (!isValid) {
-            warn$1(getInvalidTypeMessage(name, value, expectedTypes));
+            warn(getInvalidTypeMessage(name, value, expectedTypes));
             return;
         }
     }
     // custom validator
     if (validator && !validator(value)) {
-        warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
+        warn('Invalid prop: custom validator check failed for prop "' + name + '".');
     }
 }
 const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt');
@@ -4211,8 +4223,8 @@ function isBoolean(...args) {
 
 const isInternalKey = (key) => key[0] === '_' || key === '$stable';
 const normalizeSlotValue = (value) => isArray(value)
-    ? value.map(normalizeVNode)
-    : [normalizeVNode(value)];
+    ? value.map(normalizeVNode$1)
+    : [normalizeVNode$1(value)];
 const normalizeSlot = (key, rawSlot, ctx) => {
     if (rawSlot._n) {
         // already normalized - #5353
@@ -4220,7 +4232,7 @@ const normalizeSlot = (key, rawSlot, ctx) => {
     }
     const normalized = withCtx((...args) => {
         if (true && currentInstance) {
-            warn$1(`Slot "${key}" invoked outside of the render function: ` +
+            warn(`Slot "${key}" invoked outside of the render function: ` +
                 `this will not track dependencies used in the slot. ` +
                 `Invoke the slot function inside the render function instead.`);
         }
@@ -4240,7 +4252,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
         }
         else if (value != null) {
             {
-                warn$1(`Non-function value encountered for slot "${key}". ` +
+                warn(`Non-function value encountered for slot "${key}". ` +
                     `Prefer function slots for better performance.`);
             }
             const normalized = normalizeSlotValue(value);
@@ -4251,7 +4263,7 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
 const normalizeVNodeSlots = (instance, children) => {
     if (!isKeepAlive(instance.vnode) &&
         !(false )) {
-        warn$1(`Non-function value encountered for default slot. ` +
+        warn(`Non-function value encountered for default slot. ` +
             `Prefer function slots for better performance.`);
     }
     const normalized = normalizeSlotValue(children);
@@ -4352,21 +4364,21 @@ function createAppContext() {
         emitsCache: new WeakMap()
     };
 }
-let uid = 0;
+let uid$1 = 0;
 function createAppAPI(render, hydrate) {
     return function createApp(rootComponent, rootProps = null) {
         if (!isFunction(rootComponent)) {
             rootComponent = { ...rootComponent };
         }
         if (rootProps != null && !isObject(rootProps)) {
-            warn$1(`root props passed to app.mount() must be an object.`);
+            warn(`root props passed to app.mount() must be an object.`);
             rootProps = null;
         }
         const context = createAppContext();
         const installedPlugins = new Set();
         let isMounted = false;
         const app = (context.app = {
-            _uid: uid++,
+            _uid: uid$1++,
             _component: rootComponent,
             _props: rootProps,
             _container: null,
@@ -4378,12 +4390,12 @@ function createAppAPI(render, hydrate) {
             },
             set config(v) {
                 {
-                    warn$1(`app.config cannot be replaced. Modify individual options instead.`);
+                    warn(`app.config cannot be replaced. Modify individual options instead.`);
                 }
             },
             use(plugin, ...options) {
                 if (installedPlugins.has(plugin)) {
-                    warn$1(`Plugin has already been applied to target app.`);
+                    warn(`Plugin has already been applied to target app.`);
                 }
                 else if (plugin && isFunction(plugin.install)) {
                     installedPlugins.add(plugin);
@@ -4394,7 +4406,7 @@ function createAppAPI(render, hydrate) {
                     plugin(app, ...options);
                 }
                 else {
-                    warn$1(`A plugin must either be a function or an object with an "install" ` +
+                    warn(`A plugin must either be a function or an object with an "install" ` +
                         `function.`);
                 }
                 return app;
@@ -4405,7 +4417,7 @@ function createAppAPI(render, hydrate) {
                         context.mixins.push(mixin);
                     }
                     else {
-                        warn$1('Mixin has already been applied to target app' +
+                        warn('Mixin has already been applied to target app' +
                             (mixin.name ? `: ${mixin.name}` : ''));
                     }
                 }
@@ -4419,7 +4431,7 @@ function createAppAPI(render, hydrate) {
                     return context.components[name];
                 }
                 if (context.components[name]) {
-                    warn$1(`Component "${name}" has already been registered in target app.`);
+                    warn(`Component "${name}" has already been registered in target app.`);
                 }
                 context.components[name] = component;
                 return app;
@@ -4432,7 +4444,7 @@ function createAppAPI(render, hydrate) {
                     return context.directives[name];
                 }
                 if (context.directives[name]) {
-                    warn$1(`Directive "${name}" has already been registered in target app.`);
+                    warn(`Directive "${name}" has already been registered in target app.`);
                 }
                 context.directives[name] = directive;
                 return app;
@@ -4441,7 +4453,7 @@ function createAppAPI(render, hydrate) {
                 if (!isMounted) {
                     // #5571
                     if (rootContainer.__vue_app__) {
-                        warn$1(`There is already an app instance mounted on the host container.\n` +
+                        warn(`There is already an app instance mounted on the host container.\n` +
                             ` If you want to mount another app on the same host container,` +
                             ` you need to unmount the previous app by calling \`app.unmount()\` first.`);
                     }
@@ -4471,7 +4483,7 @@ function createAppAPI(render, hydrate) {
                     return getExposeProxy(vnode.component) || vnode.component.proxy;
                 }
                 else {
-                    warn$1(`App has already been mounted.\n` +
+                    warn(`App has already been mounted.\n` +
                         `If you want to remount the same app, move your app creation logic ` +
                         `into a factory function and create fresh app instances for each ` +
                         `mount - e.g. \`const createMyApp = () => createApp(App)\``);
@@ -4487,12 +4499,12 @@ function createAppAPI(render, hydrate) {
                     delete app._container.__vue_app__;
                 }
                 else {
-                    warn$1(`Cannot unmount an app that is not mounted.`);
+                    warn(`Cannot unmount an app that is not mounted.`);
                 }
             },
             provide(key, value) {
                 if (key in context.provides) {
-                    warn$1(`App already provides property with key "${String(key)}". ` +
+                    warn(`App already provides property with key "${String(key)}". ` +
                         `It will be overwritten with the new value.`);
                 }
                 context.provides[key] = value;
@@ -4522,7 +4534,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
     const value = isUnmount ? null : refValue;
     const { i: owner, r: ref } = rawRef;
     if (!owner) {
-        warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
+        warn(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
             `A vnode with ref must be created inside the render function.`);
         return;
     }
@@ -4589,7 +4601,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
                         refs[rawRef.k] = value;
                 }
                 else {
-                    warn$1('Invalid template ref type:', ref, `(${typeof ref})`);
+                    warn('Invalid template ref type:', ref, `(${typeof ref})`);
                 }
             };
             if (value) {
@@ -4601,7 +4613,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
             }
         }
         else {
-            warn$1('Invalid template ref type:', ref, `(${typeof ref})`);
+            warn('Invalid template ref type:', ref, `(${typeof ref})`);
         }
     }
 }
@@ -4721,7 +4733,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
                 }
                 else {
-                    warn$1('Invalid VNode type:', type, `(${typeof type})`);
+                    warn('Invalid VNode type:', type, `(${typeof type})`);
                 }
         }
         // set ref
@@ -4811,6 +4823,8 @@ function baseCreateRenderer(options, createHydrationFns) {
         if (dirs) {
             invokeDirectiveHook(vnode, null, parentComponent, 'created');
         }
+        // scopeId
+        setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
         // props
         if (props) {
             for (const key in props) {
@@ -4834,8 +4848,6 @@ function baseCreateRenderer(options, createHydrationFns) {
                 invokeVNodeHook(vnodeHook, parentComponent, vnode);
             }
         }
-        // scopeId
-        setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
         {
             Object.defineProperty(el, '__vnode', {
                 value: vnode,
@@ -4894,7 +4906,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         for (let i = start; i < children.length; i++) {
             const child = (children[i] = optimized
                 ? cloneIfMounted(children[i])
-                : normalizeVNode(children[i]));
+                : normalizeVNode$1(children[i]));
             patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         }
     };
@@ -5116,7 +5128,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         }
     };
     const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => {
-        const instance = (initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense));
+        const instance = (initialVNode.component = createComponentInstance$1(initialVNode, parentComponent, parentSuspense));
         if (instance.type.__hmrId) {
             registerHMR(instance);
         }
@@ -5133,7 +5145,7 @@ function baseCreateRenderer(options, createHydrationFns) {
             {
                 startMeasure(instance, `init`);
             }
-            setupComponent(instance);
+            setupComponent$1(instance);
             {
                 endMeasure(instance, `init`);
             }
@@ -5212,7 +5224,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                         {
                             startMeasure(instance, `render`);
                         }
-                        instance.subTree = renderComponentRoot(instance);
+                        instance.subTree = renderComponentRoot$1(instance);
                         {
                             endMeasure(instance, `render`);
                         }
@@ -5240,7 +5252,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     {
                         startMeasure(instance, `render`);
                     }
-                    const subTree = (instance.subTree = renderComponentRoot(instance));
+                    const subTree = (instance.subTree = renderComponentRoot$1(instance));
                     {
                         endMeasure(instance, `render`);
                     }
@@ -5311,7 +5323,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 {
                     startMeasure(instance, `render`);
                 }
-                const nextTree = renderComponentRoot(instance);
+                const nextTree = renderComponentRoot$1(instance);
                 {
                     endMeasure(instance, `render`);
                 }
@@ -5447,7 +5459,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         for (i = 0; i < commonLength; i++) {
             const nextChild = (c2[i] = optimized
                 ? cloneIfMounted(c2[i])
-                : normalizeVNode(c2[i]));
+                : normalizeVNode$1(c2[i]));
             patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         }
         if (oldLength > newLength) {
@@ -5472,7 +5484,7 @@ function baseCreateRenderer(options, createHydrationFns) {
             const n1 = c1[i];
             const n2 = (c2[i] = optimized
                 ? cloneIfMounted(c2[i])
-                : normalizeVNode(c2[i]));
+                : normalizeVNode$1(c2[i]));
             if (isSameVNodeType(n1, n2)) {
                 patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
             }
@@ -5488,7 +5500,7 @@ function baseCreateRenderer(options, createHydrationFns) {
             const n1 = c1[e1];
             const n2 = (c2[e2] = optimized
                 ? cloneIfMounted(c2[e2])
-                : normalizeVNode(c2[e2]));
+                : normalizeVNode$1(c2[e2]));
             if (isSameVNodeType(n1, n2)) {
                 patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
             }
@@ -5512,7 +5524,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 while (i <= e2) {
                     patch(null, (c2[i] = optimized
                         ? cloneIfMounted(c2[i])
-                        : normalizeVNode(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
+                        : normalizeVNode$1(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
                     i++;
                 }
             }
@@ -5542,10 +5554,10 @@ function baseCreateRenderer(options, createHydrationFns) {
             for (i = s2; i <= e2; i++) {
                 const nextChild = (c2[i] = optimized
                     ? cloneIfMounted(c2[i])
-                    : normalizeVNode(c2[i]));
+                    : normalizeVNode$1(c2[i]));
                 if (nextChild.key != null) {
                     if (keyToNewIndexMap.has(nextChild.key)) {
-                        warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
+                        warn(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
                     }
                     keyToNewIndexMap.set(nextChild.key, i);
                 }
@@ -5928,6 +5940,10 @@ function traverseStaticChildren(n1, n2, shallow = false) {
                 if (!shallow)
                     traverseStaticChildren(c1, c2);
             }
+            // #6852 also inherit for text nodes
+            if (c2.type === Text) {
+                c2.el = c1.el;
+            }
             // also inherit for comment nodes, but not placeholders (e.g. v-if which
             // would have received .el during block patch)
             if (c2.type === Comment && !c2.el) {
@@ -5985,12 +6001,6 @@ const Fragment = Symbol('Fragment' );
 const Text = Symbol('Text' );
 const Comment = Symbol('Comment' );
 const Static = Symbol('Static' );
-// Since v-if and v-for are the two possible ways node structure can dynamically
-// change, once we consider v-if branches and each v-for fragment a block, we
-// can divide a template into nested blocks, and within each block the node
-// structure would be stable. This allows us to skip most children diffing
-// and only worry about the dynamic nodes (indicated by patch flags).
-const blockStack = [];
 let currentBlock = null;
 // Whether we should be tracking dynamic child nodes inside a block.
 // Only tracks when this value is > 0
@@ -6016,12 +6026,16 @@ let isBlockTreeEnabled = 1;
 function setBlockTracking(value) {
     isBlockTreeEnabled += value;
 }
-function isVNode(value) {
+function isVNode$2(value) {
     return value ? value.__v_isVNode === true : false;
 }
 function isSameVNodeType(n1, n2) {
     if (n2.shapeFlag & 6 /* ShapeFlags.COMPONENT */ &&
         hmrDirtyComponents.has(n2.type)) {
+        // #7042, ensure the vnode being unmounted during HMR
+        // bitwise operations to remove keep alive flags
+        n1.shapeFlag &= ~256 /* ShapeFlags.COMPONENT_SHOULD_KEEP_ALIVE */;
+        n2.shapeFlag &= ~512 /* ShapeFlags.COMPONENT_KEPT_ALIVE */;
         // HMR only: if the component has been hot-updated, force a reload.
         return false;
     }
@@ -6065,7 +6079,8 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
         patchFlag,
         dynamicProps,
         dynamicChildren: null,
-        appContext: null
+        appContext: null,
+        ctx: currentRenderingInstance
     };
     if (needFullChildrenNormalization) {
         normalizeChildren(vnode, children);
@@ -6083,7 +6098,7 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
     }
     // validate key
     if (vnode.key !== vnode.key) {
-        warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+        warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
     }
     // track vnode for block tree
     if (isBlockTreeEnabled > 0 &&
@@ -6107,11 +6122,11 @@ const createVNode = (createVNodeWithArgsTransform );
 function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
     if (!type || type === NULL_DYNAMIC_COMPONENT) {
         if (!type) {
-            warn$1(`Invalid vnode type when creating vnode: ${type}.`);
+            warn(`Invalid vnode type when creating vnode: ${type}.`);
         }
         type = Comment;
     }
-    if (isVNode(type)) {
+    if (isVNode$2(type)) {
         // createVNode receiving an existing vnode. This happens in cases like
         // <component :is="vnode"/>
         // #2078 make sure to merge refs during the clone instead of overwriting it
@@ -6165,7 +6180,7 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
                         : 0;
     if (shapeFlag & 4 /* ShapeFlags.STATEFUL_COMPONENT */ && isProxy(type)) {
         type = toRaw(type);
-        warn$1(`Vue received a Component which was made a reactive object. This can ` +
+        warn(`Vue received a Component which was made a reactive object. This can ` +
             `lead to unnecessary performance overhead, and should be avoided by ` +
             `marking the component with \`markRaw\` or using \`shallowRef\` ` +
             `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
@@ -6232,7 +6247,9 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
         ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
         ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
         el: vnode.el,
-        anchor: vnode.anchor
+        anchor: vnode.anchor,
+        ctx: vnode.ctx,
+        ce: vnode.ce
     };
     return cloned;
 }
@@ -6253,7 +6270,7 @@ function deepCloneVNode(vnode) {
 function createTextVNode(text = ' ', flag = 0) {
     return createVNode(Text, null, text, flag);
 }
-function normalizeVNode(child) {
+function normalizeVNode$1(child) {
     if (child == null || typeof child === 'boolean') {
         // empty placeholder
         return createVNode(Comment);
@@ -6378,13 +6395,13 @@ function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
 }
 
 const emptyAppContext = createAppContext();
-let uid$1 = 0;
-function createComponentInstance(vnode, parent, suspense) {
+let uid = 0;
+function createComponentInstance$1(vnode, parent, suspense) {
     const type = vnode.type;
     // inherit parent app context - or - if root, adopt from root vnode
     const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
     const instance = {
-        uid: uid$1++,
+        uid: uid++,
         vnode,
         type,
         parent,
@@ -6454,7 +6471,7 @@ function createComponentInstance(vnode, parent, suspense) {
         instance.ctx = createDevRenderContext(instance);
     }
     instance.root = parent ? parent.root : instance;
-    instance.emit = emit$1.bind(null, instance);
+    instance.emit = emit.bind(null, instance);
     // apply custom element special handling
     if (vnode.ce) {
         vnode.ce(instance);
@@ -6474,14 +6491,14 @@ const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
 function validateComponentName(name, config) {
     const appIsNativeTag = config.isNativeTag || NO;
     if (isBuiltInTag(name) || appIsNativeTag(name)) {
-        warn$1('Do not use built-in or reserved HTML elements as component id: ' + name);
+        warn('Do not use built-in or reserved HTML elements as component id: ' + name);
     }
 }
 function isStatefulComponent(instance) {
     return instance.vnode.shapeFlag & 4 /* ShapeFlags.STATEFUL_COMPONENT */;
 }
 let isInSSRComponentSetup = false;
-function setupComponent(instance, isSSR = false) {
+function setupComponent$1(instance, isSSR = false) {
     isInSSRComponentSetup = isSSR;
     const { props, children } = instance.vnode;
     const isStateful = isStatefulComponent(instance);
@@ -6513,7 +6530,7 @@ function setupStatefulComponent(instance, isSSR) {
             }
         }
         if (Component.compilerOptions && isRuntimeOnly()) {
-            warn$1(`"compilerOptions" is only supported when using a build of Vue that ` +
+            warn(`"compilerOptions" is only supported when using a build of Vue that ` +
                 `includes the runtime compiler. Since you are using a runtime-only ` +
                 `build, the options should be passed via your build tool config instead.`);
         }
@@ -6554,7 +6571,7 @@ function setupStatefulComponent(instance, isSSR) {
                 instance.asyncDep = setupResult;
                 if (!instance.suspense) {
                     const name = (_a = Component.name) !== null && _a !== void 0 ? _a : 'Anonymous';
-                    warn$1(`Component <${name}>: setup function returned a promise, but no ` +
+                    warn(`Component <${name}>: setup function returned a promise, but no ` +
                         `<Suspense> boundary was found in the parent component tree. ` +
                         `A component with async setup() must be nested in a <Suspense> ` +
                         `in order to be rendered.`);
@@ -6582,8 +6599,8 @@ function handleSetupResult(instance, setupResult, isSSR) {
         }
     }
     else if (isObject(setupResult)) {
-        if (isVNode(setupResult)) {
-            warn$1(`setup() should not return VNodes directly - ` +
+        if (isVNode$2(setupResult)) {
+            warn(`setup() should not return VNodes directly - ` +
                 `return a render function instead.`);
         }
         // setup returned bindings.
@@ -6597,7 +6614,7 @@ function handleSetupResult(instance, setupResult, isSSR) {
         }
     }
     else if (setupResult !== undefined) {
-        warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
+        warn(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
     }
     finishComponentSetup(instance, isSSR);
 }
@@ -6620,11 +6637,11 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
                 }
                 const { isCustomElement, compilerOptions } = instance.appContext.config;
                 const { delimiters, compilerOptions: componentCompilerOptions } = Component;
-                extend(extend({
+                const finalCompilerOptions = extend(extend({
                     isCustomElement,
                     delimiters
                 }, compilerOptions), componentCompilerOptions);
-                Component.render = compile();
+                Component.render = compile(template, finalCompilerOptions);
                 {
                     endMeasure(instance, `compile`);
                 }
@@ -6645,13 +6662,13 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
     if (!Component.render && instance.render === NOOP && !isSSR) {
         /* istanbul ignore if */
         if (Component.template) {
-            warn$1(`Component provided template option but ` +
+            warn(`Component provided template option but ` +
                 `runtime compilation is not supported in this build of Vue.` +
                 (` Use "vue.esm-browser.js" instead.`
                         ) /* should not happen */);
         }
         else {
-            warn$1(`Component is missing template or render function.`);
+            warn(`Component is missing template or render function.`);
         }
     }
 }
@@ -6663,11 +6680,11 @@ function createAttrsProxy(instance) {
                 return target[key];
             },
             set() {
-                warn$1(`setupContext.attrs is readonly.`);
+                warn(`setupContext.attrs is readonly.`);
                 return false;
             },
             deleteProperty() {
-                warn$1(`setupContext.attrs is readonly.`);
+                warn(`setupContext.attrs is readonly.`);
                 return false;
             }
         }
@@ -6675,8 +6692,24 @@ function createAttrsProxy(instance) {
 }
 function createSetupContext(instance) {
     const expose = exposed => {
-        if (instance.exposed) {
-            warn$1(`expose() should be called only once per setup().`);
+        {
+            if (instance.exposed) {
+                warn(`expose() should be called only once per setup().`);
+            }
+            if (exposed != null) {
+                let exposedType = typeof exposed;
+                if (exposedType === 'object') {
+                    if (isArray(exposed)) {
+                        exposedType = 'array';
+                    }
+                    else if (isRef(exposed)) {
+                        exposedType = 'ref';
+                    }
+                }
+                if (exposedType !== 'object') {
+                    warn(`expose() should be passed a plain object, received ${exposedType}.`);
+                }
+            }
         }
         instance.exposed = exposed || {};
     };
@@ -6751,9 +6784,9 @@ function isClassComponent(value) {
     return isFunction(value) && '__vccOpts' in value;
 }
 
-const computed$1 = ((getterOrOptions, debugOptions) => {
+const computed = ((getterOrOptions, debugOptions) => {
     // @ts-ignore
-    return computed(getterOrOptions, debugOptions, isInSSRComponentSetup);
+    return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 });
 
 const ssrContextKey = Symbol(`ssrContext` );
@@ -6761,7 +6794,7 @@ const useSSRContext = () => {
     {
         const ctx = inject(ssrContextKey);
         if (!ctx) {
-            warn$1(`Server rendering context not provided. Make sure to only call ` +
+            warn(`Server rendering context not provided. Make sure to only call ` +
                     `useSSRContext() conditionally in the server build.`);
         }
         return ctx;
@@ -6769,14 +6802,14 @@ const useSSRContext = () => {
 };
 
 // Core API ------------------------------------------------------------------
-const version = "3.2.44";
+const version = "3.2.46";
 const _ssrUtils = {
-    createComponentInstance,
-    setupComponent,
-    renderComponentRoot,
-    setCurrentRenderingInstance,
-    isVNode,
-    normalizeVNode
+    createComponentInstance: createComponentInstance$1,
+    setupComponent: setupComponent$1,
+    renderComponentRoot: renderComponentRoot$1,
+    setCurrentRenderingInstance: setCurrentRenderingInstance$1,
+    isVNode: isVNode$2,
+    normalizeVNode: normalizeVNode$1
 };
 /**
  * SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
@@ -6886,9 +6919,6 @@ function patchStyle(el, prev, next) {
     const style = el.style;
     const isCssString = isString(next);
     if (next && !isCssString) {
-        for (const key in next) {
-            setStyle(style, key, next[key]);
-        }
         if (prev && !isString(prev)) {
             for (const key in prev) {
                 if (next[key] == null) {
@@ -6896,6 +6926,9 @@ function patchStyle(el, prev, next) {
                 }
             }
         }
+        for (const key in next) {
+            setStyle(style, key, next[key]);
+        }
     }
     else {
         const currentDisplay = style.display;
@@ -6926,7 +6959,7 @@ function setStyle(style, name, val) {
             val = '';
         {
             if (semicolonRE.test(val)) {
-                warn$1(`Unexpected semicolon at the end of '${name}' style value: '${val}'`);
+                warn(`Unexpected semicolon at the end of '${name}' style value: '${val}'`);
             }
         }
         if (name.startsWith('--')) {
@@ -7050,7 +7083,7 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
     catch (e) {
         // do not warn if value is auto-coerced from nullish values
         if (!needRemove) {
-            warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
+            warn(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
                 `value ${value} is invalid.`, e);
         }
     }
@@ -7221,6 +7254,138 @@ function shouldSetAsProp(el, key, value, isSVG) {
     return key in el;
 }
 
+const getModelAssigner = (vnode) => {
+    const fn = vnode.props['onUpdate:modelValue'] ||
+        (false );
+    return isArray(fn) ? value => invokeArrayFns(fn, value) : fn;
+};
+function onCompositionStart(e) {
+    e.target.composing = true;
+}
+function onCompositionEnd(e) {
+    const target = e.target;
+    if (target.composing) {
+        target.composing = false;
+        target.dispatchEvent(new Event('input'));
+    }
+}
+// We are exporting the v-model runtime directly as vnode hooks so that it can
+// be tree-shaken in case v-model is never used.
+const vModelText = {
+    created(el, { modifiers: { lazy, trim, number } }, vnode) {
+        el._assign = getModelAssigner(vnode);
+        const castToNumber = number || (vnode.props && vnode.props.type === 'number');
+        addEventListener(el, lazy ? 'change' : 'input', e => {
+            if (e.target.composing)
+                return;
+            let domValue = el.value;
+            if (trim) {
+                domValue = domValue.trim();
+            }
+            if (castToNumber) {
+                domValue = looseToNumber(domValue);
+            }
+            el._assign(domValue);
+        });
+        if (trim) {
+            addEventListener(el, 'change', () => {
+                el.value = el.value.trim();
+            });
+        }
+        if (!lazy) {
+            addEventListener(el, 'compositionstart', onCompositionStart);
+            addEventListener(el, 'compositionend', onCompositionEnd);
+            // Safari < 10.2 & UIWebView doesn't fire compositionend when
+            // switching focus before confirming composition choice
+            // this also fixes the issue where some browsers e.g. iOS Chrome
+            // fires "change" instead of "input" on autocomplete.
+            addEventListener(el, 'change', onCompositionEnd);
+        }
+    },
+    // set value on mounted so it's after min/max for type="range"
+    mounted(el, { value }) {
+        el.value = value == null ? '' : value;
+    },
+    beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) {
+        el._assign = getModelAssigner(vnode);
+        // avoid clearing unresolved text. #2302
+        if (el.composing)
+            return;
+        if (document.activeElement === el && el.type !== 'range') {
+            if (lazy) {
+                return;
+            }
+            if (trim && el.value.trim() === value) {
+                return;
+            }
+            if ((number || el.type === 'number') &&
+                looseToNumber(el.value) === value) {
+                return;
+            }
+        }
+        const newValue = value == null ? '' : value;
+        if (el.value !== newValue) {
+            el.value = newValue;
+        }
+    }
+};
+// SSR vnode transforms, only used when user includes client-oriented render
+// function in SSR
+function initVModelForSSR() {
+    vModelText.getSSRProps = ({ value }) => ({ value });
+}
+
+const vShow = {
+    beforeMount(el, { value }, { transition }) {
+        el._vod = el.style.display === 'none' ? '' : el.style.display;
+        if (transition && value) {
+            transition.beforeEnter(el);
+        }
+        else {
+            setDisplay(el, value);
+        }
+    },
+    mounted(el, { value }, { transition }) {
+        if (transition && value) {
+            transition.enter(el);
+        }
+    },
+    updated(el, { value, oldValue }, { transition }) {
+        if (!value === !oldValue)
+            return;
+        if (transition) {
+            if (value) {
+                transition.beforeEnter(el);
+                setDisplay(el, true);
+                transition.enter(el);
+            }
+            else {
+                transition.leave(el, () => {
+                    setDisplay(el, false);
+                });
+            }
+        }
+        else {
+            setDisplay(el, value);
+        }
+    },
+    beforeUnmount(el, { value }) {
+        setDisplay(el, value);
+    }
+};
+function setDisplay(el, value) {
+    el.style.display = value ? el._vod : 'none';
+}
+// SSR vnode transforms, only used when user includes client-oriented render
+// function in SSR
+function initVShowForSSR() {
+    vShow.getSSRProps = ({ value }) => {
+        if (!value) {
+            return { style: { display: 'none' } };
+        }
+    };
+}
+
 const rendererOptions = /*#__PURE__*/ extend({ patchProp }, nodeOps);
 // lazy create the renderer - this makes core renderer logic tree-shakable
 // in case the user only imports reactivity utilities from Vue.
@@ -7276,7 +7441,7 @@ function injectCompilerOptionsCheck(app) {
                 return isCustomElement;
             },
             set() {
-                warn$1(`The \`isCustomElement\` config option is deprecated. Use ` +
+                warn(`The \`isCustomElement\` config option is deprecated. Use ` +
                     `\`compilerOptions.isCustomElement\` instead.`);
             }
         });
@@ -7290,11 +7455,11 @@ function injectCompilerOptionsCheck(app) {
             `- 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`;
         Object.defineProperty(app.config, 'compilerOptions', {
             get() {
-                warn$1(msg);
+                warn(msg);
                 return compilerOptions;
             },
             set() {
-                warn$1(msg);
+                warn(msg);
             }
         });
     }
@@ -7303,17 +7468,29 @@ function normalizeContainer(container) {
     if (isString(container)) {
         const res = document.querySelector(container);
         if (!res) {
-            warn$1(`Failed to mount app: mount target selector "${container}" returned null.`);
+            warn(`Failed to mount app: mount target selector "${container}" returned null.`);
         }
         return res;
     }
     if (window.ShadowRoot &&
         container instanceof window.ShadowRoot &&
         container.mode === 'closed') {
-        warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
+        warn(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
     }
     return container;
 }
+let ssrDirectiveInitialized = false;
+/**
+ * @internal
+ */
+const initDirectivesForSSR = () => {
+        if (!ssrDirectiveInitialized) {
+            ssrDirectiveInitialized = true;
+            initVModelForSSR();
+            initVShowForSSR();
+        }
+    }
+    ;
 
 // leading comma for empty string ""
 const shouldIgnoreProp = makeMap(`,key,ref,innerHTML,textContent,ref_key,ref_for`);
@@ -7386,13 +7563,69 @@ function ssrRenderStyle(raw) {
     return escapeHtml(stringifyStyle(styles));
 }
 
-function ssrCompile(template, instance) {
-    {
-        throw new Error(`On-the-fly template compilation is not supported in the ESM build of ` +
-            `@vue/server-renderer. All templates must be pre-compiled into ` +
-            `render functions.`);
+function ssrRenderComponent(comp, props = null, children = null, parentComponent = null, slotScopeId) {
+    return renderComponentVNode(createVNode(comp, props, children), parentComponent, slotScopeId);
+}
+
+function ssrRenderSlot(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId) {
+    // template-compiled slots are always rendered as fragments
+    push(`<!--[-->`);
+    ssrRenderSlotInner(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId);
+    push(`<!--]-->`);
+}
+function ssrRenderSlotInner(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId, transition) {
+    const slotFn = slots[slotName];
+    if (slotFn) {
+        const slotBuffer = [];
+        const bufferedPush = (item) => {
+            slotBuffer.push(item);
+        };
+        const ret = slotFn(slotProps, bufferedPush, parentComponent, slotScopeId ? ' ' + slotScopeId : '');
+        if (isArray(ret)) {
+            // normal slot
+            renderVNodeChildren(push, ret, parentComponent, slotScopeId);
+        }
+        else {
+            // ssr slot.
+            // check if the slot renders all comments, in which case use the fallback
+            let isEmptySlot = true;
+            if (transition) {
+                isEmptySlot = false;
+            }
+            else {
+                for (let i = 0; i < slotBuffer.length; i++) {
+                    if (!isComment(slotBuffer[i])) {
+                        isEmptySlot = false;
+                        break;
+                    }
+                }
+            }
+            if (isEmptySlot) {
+                if (fallbackRenderFn) {
+                    fallbackRenderFn();
+                }
+            }
+            else {
+                for (let i = 0; i < slotBuffer.length; i++) {
+                    push(slotBuffer[i]);
+                }
+            }
+        }
+    }
+    else if (fallbackRenderFn) {
+        fallbackRenderFn();
     }
 }
+const commentTestRE = /^<!--.*-->$/s;
+const commentRE = /<!--[^]*?-->/gm;
+function isComment(item) {
+    if (typeof item !== 'string' || !commentTestRE.test(item))
+        return false;
+    // if item is '<!---->' or '<!--[-->' or '<!--]-->', return true directly
+    if (item.length <= 8)
+        return true;
+    return !item.replace(commentRE, '').trim();
+}
 
 function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parentComponent) {
     parentPush('<!--teleport start-->');
@@ -7417,7 +7650,109 @@ function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parent
     parentPush('<!--teleport end-->');
 }
 
-const { createComponentInstance: createComponentInstance$1, setCurrentRenderingInstance: setCurrentRenderingInstance$1, setupComponent: setupComponent$1, renderComponentRoot: renderComponentRoot$1, normalizeVNode: normalizeVNode$1 } = ssrUtils;
+function ssrInterpolate(value) {
+    return escapeHtml(toDisplayString(value));
+}
+
+function ssrRenderList(source, renderItem) {
+    if (isArray(source) || isString(source)) {
+        for (let i = 0, l = source.length; i < l; i++) {
+            renderItem(source[i], i);
+        }
+    }
+    else if (typeof source === 'number') {
+        if (!Number.isInteger(source)) {
+            warn(`The v-for range expect an integer value but got ${source}.`);
+            return;
+        }
+        for (let i = 0; i < source; i++) {
+            renderItem(i + 1, i);
+        }
+    }
+    else if (isObject(source)) {
+        if (source[Symbol.iterator]) {
+            const arr = Array.from(source);
+            for (let i = 0, l = arr.length; i < l; i++) {
+                renderItem(arr[i], i);
+            }
+        }
+        else {
+            const keys = Object.keys(source);
+            for (let i = 0, l = keys.length; i < l; i++) {
+                const key = keys[i];
+                renderItem(source[key], key, i);
+            }
+        }
+    }
+}
+
+async function ssrRenderSuspense(push, { default: renderContent }) {
+    if (renderContent) {
+        renderContent();
+    }
+    else {
+        push(`<!---->`);
+    }
+}
+
+function ssrGetDirectiveProps(instance, dir, value, arg, modifiers = {}) {
+    if (typeof dir !== 'function' && dir.getSSRProps) {
+        return (dir.getSSRProps({
+            dir,
+            instance,
+            value,
+            oldValue: undefined,
+            arg,
+            modifiers
+        }, null) || {});
+    }
+    return {};
+}
+
+const ssrLooseEqual = looseEqual;
+function ssrLooseContain(arr, value) {
+    return looseIndexOf(arr, value) > -1;
+}
+// for <input :type="type" v-model="model" value="value">
+function ssrRenderDynamicModel(type, model, value) {
+    switch (type) {
+        case 'radio':
+            return looseEqual(model, value) ? ' checked' : '';
+        case 'checkbox':
+            return (isArray(model) ? ssrLooseContain(model, value) : model)
+                ? ' checked'
+                : '';
+        default:
+            // text types
+            return ssrRenderAttr('value', model);
+    }
+}
+// for <input v-bind="obj" v-model="model">
+function ssrGetDynamicModelProps(existingProps = {}, model) {
+    const { type, value } = existingProps;
+    switch (type) {
+        case 'radio':
+            return looseEqual(model, value) ? { checked: true } : null;
+        case 'checkbox':
+            return (isArray(model) ? ssrLooseContain(model, value) : model)
+                ? { checked: true }
+                : null;
+        default:
+            // text types
+            return { value: model };
+    }
+}
+
+function ssrCompile(template, instance) {
+    // TODO: this branch should now work in ESM builds, enable it in a minor
+    {
+        throw new Error(`On-the-fly template compilation is not supported in the ESM build of ` +
+            `@vue/server-renderer. All templates must be pre-compiled into ` +
+            `render functions.`);
+    }
+}
+
+const { createComponentInstance, setCurrentRenderingInstance, setupComponent, renderComponentRoot, normalizeVNode } = ssrUtils;
 // Each component has a buffer array.
 // A buffer array can contain one of the following:
 // - plain string
@@ -7450,8 +7785,8 @@ function createBuffer() {
     };
 }
 function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
-    const instance = createComponentInstance$1(vnode, parentComponent, null);
-    const res = setupComponent$1(instance, true /* isSSR */);
+    const instance = createComponentInstance(vnode, parentComponent, null);
+    const res = setupComponent(instance, true /* isSSR */);
     const hasAsyncSetup = isPromise(res);
     const prefetches = instance.sp; /* LifecycleHooks.SERVER_PREFETCH */
     if (hasAsyncSetup || prefetches) {
@@ -7474,7 +7809,7 @@ function renderComponentSubTree(instance, slotScopeId) {
     const comp = instance.type;
     const { getBuffer, push } = createBuffer();
     if (isFunction(comp)) {
-        let root = renderComponentRoot$1(instance);
+        let root = renderComponentRoot(instance);
         // #5817 scope ID attrs not falling through if functional component doesn't
         // have props
         if (!comp.props) {
@@ -7531,22 +7866,22 @@ function renderComponentSubTree(instance, slotScopeId) {
                 attrs[slotScopeId.trim()] = '';
             }
             // set current rendering instance for asset resolution
-            const prev = setCurrentRenderingInstance$1(instance);
+            const prev = setCurrentRenderingInstance(instance);
             try {
                 ssrRender(instance.proxy, push, instance, attrs, 
                 // compiler-optimized bindings
                 instance.props, instance.setupState, instance.data, instance.ctx);
             }
             finally {
-                setCurrentRenderingInstance$1(prev);
+                setCurrentRenderingInstance(prev);
             }
         }
         else if (instance.render && instance.render !== NOOP) {
-            renderVNode(push, (instance.subTree = renderComponentRoot$1(instance)), instance, slotScopeId);
+            renderVNode(push, (instance.subTree = renderComponentRoot(instance)), instance, slotScopeId);
         }
         else {
             const componentName = comp.name || comp.__file || `<Anonymous>`;
-            warn$1(`Component ${componentName} is missing template or render function.`);
+            warn(`Component ${componentName} is missing template or render function.`);
             push(`<!---->`);
         }
     }
@@ -7587,13 +7922,13 @@ function renderVNode(push, vnode, parentComponent, slotScopeId) {
                 renderVNode(push, vnode.ssContent, parentComponent, slotScopeId);
             }
             else {
-                warn$1('[@vue/server-renderer] Invalid VNode type:', type, `(${typeof type})`);
+                warn('[@vue/server-renderer] Invalid VNode type:', type, `(${typeof type})`);
             }
     }
 }
 function renderVNodeChildren(push, children, parentComponent, slotScopeId) {
     for (let i = 0; i < children.length; i++) {
-        renderVNode(push, normalizeVNode$1(children[i]), parentComponent, slotScopeId);
+        renderVNode(push, normalizeVNode(children[i]), parentComponent, slotScopeId);
     }
 }
 function renderElementVNode(push, vnode, parentComponent, slotScopeId) {
@@ -7668,12 +8003,12 @@ function renderTeleportVNode(push, vnode, parentComponent, slotScopeId) {
     const disabled = vnode.props && vnode.props.disabled;
     if (!target) {
         if (!disabled) {
-            warn$1(`[@vue/server-renderer] Teleport is missing target prop.`);
+            warn(`[@vue/server-renderer] Teleport is missing target prop.`);
         }
         return [];
     }
     if (!isString(target)) {
-        warn$1(`[@vue/server-renderer] Teleport target must be a query selector string.`);
+        warn(`[@vue/server-renderer] Teleport target must be a query selector string.`);
         return [];
     }
     ssrRenderTeleport(push, push => {
@@ -7682,7 +8017,7 @@ function renderTeleportVNode(push, vnode, parentComponent, slotScopeId) {
 }
 
 const { isVNode: isVNode$1 } = ssrUtils;
-async function unrollBuffer(buffer) {
+async function unrollBuffer$1(buffer) {
     if (buffer.hasAsync) {
         let ret = '';
         for (let i = 0; i < buffer.length; i++) {
@@ -7694,7 +8029,7 @@ async function unrollBuffer(buffer) {
                 ret += item;
             }
             else {
-                ret += await unrollBuffer(item);
+                ret += await unrollBuffer$1(item);
             }
         }
         return ret;
@@ -7702,10 +8037,10 @@ async function unrollBuffer(buffer) {
     else {
         // sync buffer can be more efficiently unrolled without unnecessary await
         // ticks
-        return unrollBufferSync(buffer);
+        return unrollBufferSync$1(buffer);
     }
 }
-function unrollBufferSync(buffer) {
+function unrollBufferSync$1(buffer) {
     let ret = '';
     for (let i = 0; i < buffer.length; i++) {
         let item = buffer[i];
@@ -7714,7 +8049,7 @@ function unrollBufferSync(buffer) {
         }
         else {
             // since this is a sync buffer, child buffers are never promises
-            ret += unrollBufferSync(item);
+            ret += unrollBufferSync$1(item);
         }
     }
     return ret;
@@ -7730,7 +8065,7 @@ async function renderToString(input, context = {}) {
     // provide the ssr context to the tree
     input.provide(ssrContextKey, context);
     const buffer = await renderComponentVNode(vnode);
-    const result = await unrollBuffer(buffer);
+    const result = await unrollBuffer$1(buffer);
     await resolveTeleports(context);
     if (context.__watcherHandles) {
         for (const unwatch of context.__watcherHandles) {
@@ -7745,13 +8080,13 @@ async function resolveTeleports(context) {
         for (const key in context.__teleportBuffers) {
             // note: it's OK to await sequentially here because the Promises were
             // created eagerly in parallel.
-            context.teleports[key] = await unrollBuffer(await Promise.all([context.__teleportBuffers[key]]));
+            context.teleports[key] = await unrollBuffer$1(await Promise.all([context.__teleportBuffers[key]]));
         }
     }
 }
 
-const { isVNode: isVNode$2 } = ssrUtils;
-async function unrollBuffer$1(buffer, stream) {
+const { isVNode } = ssrUtils;
+async function unrollBuffer(buffer, stream) {
     if (buffer.hasAsync) {
         for (let i = 0; i < buffer.length; i++) {
             let item = buffer[i];
@@ -7762,17 +8097,17 @@ async function unrollBuffer$1(buffer, stream) {
                 stream.push(item);
             }
             else {
-                await unrollBuffer$1(item, stream);
+                await unrollBuffer(item, stream);
             }
         }
     }
     else {
         // sync buffer can be more efficiently unrolled without unnecessary await
         // ticks
-        unrollBufferSync$1(buffer, stream);
+        unrollBufferSync(buffer, stream);
     }
 }
-function unrollBufferSync$1(buffer, stream) {
+function unrollBufferSync(buffer, stream) {
     for (let i = 0; i < buffer.length; i++) {
         let item = buffer[i];
         if (isString(item)) {
@@ -7780,12 +8115,12 @@ function unrollBufferSync$1(buffer, stream) {
         }
         else {
             // since this is a sync buffer, child buffers are never promises
-            unrollBufferSync$1(item, stream);
+            unrollBufferSync(item, stream);
         }
     }
 }
 function renderToSimpleStream(input, context, stream) {
-    if (isVNode$2(input)) {
+    if (isVNode(input)) {
         // raw vnode, wrap with app (for context)
         return renderToSimpleStream(createApp({ render: () => input }), context, stream);
     }
@@ -7795,7 +8130,7 @@ function renderToSimpleStream(input, context, stream) {
     // provide the ssr context to the tree
     input.provide(ssrContextKey, context);
     Promise.resolve(renderComponentVNode(vnode))
-        .then(buffer => unrollBuffer$1(buffer, stream))
+        .then(buffer => unrollBuffer(buffer, stream))
         .then(() => resolveTeleports(context))
         .then(() => {
         if (context.__watcherHandles) {
@@ -7818,7 +8153,6 @@ function renderToStream(input, context = {}) {
     return renderToNodeStream(input, context);
 }
 function renderToNodeStream(input, context = {}) {
-    const stream = null;
     {
         throw new Error(`ESM build of renderToStream() does not support renderToNodeStream(). ` +
             `Use pipeToNodeWritable() with an existing Node.js Writable stream ` +
@@ -7900,161 +8234,6 @@ function pipeToWebWritable(input, context = {}, writable) {
     });
 }
 
-function ssrRenderComponent(comp, props = null, children = null, parentComponent = null, slotScopeId) {
-    return renderComponentVNode(createVNode(comp, props, children), parentComponent, slotScopeId);
-}
-
-function ssrRenderSlot(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId) {
-    // template-compiled slots are always rendered as fragments
-    push(`<!--[-->`);
-    ssrRenderSlotInner(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId);
-    push(`<!--]-->`);
-}
-function ssrRenderSlotInner(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId, transition) {
-    const slotFn = slots[slotName];
-    if (slotFn) {
-        const slotBuffer = [];
-        const bufferedPush = (item) => {
-            slotBuffer.push(item);
-        };
-        const ret = slotFn(slotProps, bufferedPush, parentComponent, slotScopeId ? ' ' + slotScopeId : '');
-        if (isArray(ret)) {
-            // normal slot
-            renderVNodeChildren(push, ret, parentComponent, slotScopeId);
-        }
-        else {
-            // ssr slot.
-            // check if the slot renders all comments, in which case use the fallback
-            let isEmptySlot = true;
-            if (transition) {
-                isEmptySlot = false;
-            }
-            else {
-                for (let i = 0; i < slotBuffer.length; i++) {
-                    if (!isComment(slotBuffer[i])) {
-                        isEmptySlot = false;
-                        break;
-                    }
-                }
-            }
-            if (isEmptySlot) {
-                if (fallbackRenderFn) {
-                    fallbackRenderFn();
-                }
-            }
-            else {
-                for (let i = 0; i < slotBuffer.length; i++) {
-                    push(slotBuffer[i]);
-                }
-            }
-        }
-    }
-    else if (fallbackRenderFn) {
-        fallbackRenderFn();
-    }
-}
-const commentTestRE = /^<!--.*-->$/s;
-const commentRE = /<!--[^]*?-->/gm;
-function isComment(item) {
-    if (typeof item !== 'string' || !commentTestRE.test(item))
-        return false;
-    // if item is '<!---->' or '<!--[-->' or '<!--]-->', return true directly
-    if (item.length <= 8)
-        return true;
-    return !item.replace(commentRE, '').trim();
-}
-
-function ssrInterpolate(value) {
-    return escapeHtml(toDisplayString(value));
-}
-
-function ssrRenderList(source, renderItem) {
-    if (isArray(source) || isString(source)) {
-        for (let i = 0, l = source.length; i < l; i++) {
-            renderItem(source[i], i);
-        }
-    }
-    else if (typeof source === 'number') {
-        if (!Number.isInteger(source)) {
-            warn$1(`The v-for range expect an integer value but got ${source}.`);
-            return;
-        }
-        for (let i = 0; i < source; i++) {
-            renderItem(i + 1, i);
-        }
-    }
-    else if (isObject(source)) {
-        if (source[Symbol.iterator]) {
-            const arr = Array.from(source);
-            for (let i = 0, l = arr.length; i < l; i++) {
-                renderItem(arr[i], i);
-            }
-        }
-        else {
-            const keys = Object.keys(source);
-            for (let i = 0, l = keys.length; i < l; i++) {
-                const key = keys[i];
-                renderItem(source[key], key, i);
-            }
-        }
-    }
-}
-
-async function ssrRenderSuspense(push, { default: renderContent }) {
-    if (renderContent) {
-        renderContent();
-    }
-    else {
-        push(`<!---->`);
-    }
-}
-
-function ssrGetDirectiveProps(instance, dir, value, arg, modifiers = {}) {
-    if (typeof dir !== 'function' && dir.getSSRProps) {
-        return (dir.getSSRProps({
-            dir,
-            instance,
-            value,
-            oldValue: undefined,
-            arg,
-            modifiers
-        }, null) || {});
-    }
-    return {};
-}
-
-const ssrLooseEqual = looseEqual;
-function ssrLooseContain(arr, value) {
-    return looseIndexOf(arr, value) > -1;
-}
-// for <input :type="type" v-model="model" value="value">
-function ssrRenderDynamicModel(type, model, value) {
-    switch (type) {
-        case 'radio':
-            return looseEqual(model, value) ? ' checked' : '';
-        case 'checkbox':
-            return (isArray(model) ? ssrLooseContain(model, value) : model)
-                ? ' checked'
-                : '';
-        default:
-            // text types
-            return ssrRenderAttr('value', model);
-    }
-}
-// for <input v-bind="obj" v-model="model">
-function ssrGetDynamicModelProps(existingProps = {}, model) {
-    const { type, value } = existingProps;
-    switch (type) {
-        case 'radio':
-            return looseEqual(model, value) ? { checked: true } : null;
-        case 'checkbox':
-            return (isArray(model) ? ssrLooseContain(model, value) : model)
-                ? { checked: true }
-                : null;
-        default:
-            // text types
-            return { value: model };
-    }
-}
+initDirectivesForSSR();
 
 export { pipeToNodeWritable, pipeToWebWritable, renderToNodeStream, renderToSimpleStream, renderToStream, renderToString, renderToWebStream, ssrGetDirectiveProps, ssrGetDynamicModelProps, includeBooleanAttr as ssrIncludeBooleanAttr, ssrInterpolate, ssrLooseContain, ssrLooseEqual, ssrRenderAttr, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderDynamicAttr, ssrRenderDynamicModel, ssrRenderList, ssrRenderSlot, ssrRenderSlotInner, ssrRenderStyle, ssrRenderSuspense, ssrRenderTeleport, renderVNode as ssrRenderVNode };