@vue/compiler-sfc 3.2.5 → 3.2.9

package/dist/compiler-sfc.cjs.js

@@ -1438,6 +1438,10 @@ function compileScript(sfc, options) {
                     `${DEFINE_PROPS} declaration.`, node);
             }
             propsRuntimeDefaults = node.arguments[1];
+            if (!propsRuntimeDefaults ||
+                propsRuntimeDefaults.type !== 'ObjectExpression') {
+                error(`The 2nd argument of ${WITH_DEFAULTS} must be an object literal.`, propsRuntimeDefaults || node);
+            }
         }
         else {
             error(`${WITH_DEFAULTS}' first argument must be a ${DEFINE_PROPS} call.`, node.arguments[0] || node);
@@ -1488,7 +1492,10 @@ function compileScript(sfc, options) {
                     return isQualifiedType(node.declaration);
                 }
             };
-            for (const node of scriptSetupAst.body) {
+            const body = scriptAst
+                ? [...scriptSetupAst.body, ...scriptAst.body]
+                : scriptSetupAst.body;
+            for (const node of body) {
                 const qualified = isQualifiedType(node);
                 if (qualified) {
                     return qualified;
@@ -1528,17 +1535,24 @@ function compileScript(sfc, options) {
         s.overwrite(node.start + startOffset, node.argument.start + startOffset, `${isStatement ? `;` : ``}(([__temp,__restore]=${helper(`withAsyncContext`)}(()=>(`);
         s.appendLeft(node.end + startOffset, `))),__temp=await __temp,__restore()${isStatement ? `` : `,__temp`})`);
     }
+    /**
+     * check defaults. If the default object is an object literal with only
+     * static properties, we can directly generate more optimzied default
+     * declarations. Otherwise we will have to fallback to runtime merging.
+     */
+    function checkStaticDefaults() {
+        return (propsRuntimeDefaults &&
+            propsRuntimeDefaults.type === 'ObjectExpression' &&
+            propsRuntimeDefaults.properties.every(node => (node.type === 'ObjectProperty' && !node.computed) ||
+                node.type === 'ObjectMethod'));
+    }
     function genRuntimeProps(props) {
         const keys = Object.keys(props);
         if (!keys.length) {
             return ``;
         }
-        // check defaults. If the default object is an object literal with only
-        // static properties, we can directly generate more optimzied default
-        // decalrations. Otherwise we will have to fallback to runtime merging.
-        const hasStaticDefaults = propsRuntimeDefaults &&
-            propsRuntimeDefaults.type === 'ObjectExpression' &&
-            propsRuntimeDefaults.properties.every(node => node.type === 'ObjectProperty' && !node.computed);
+        const hasStaticDefaults = checkStaticDefaults();
+        const scriptSetupSource = scriptSetup.content;
         let propsDecls = `{
     ${keys
             .map(key => {
@@ -1546,8 +1560,13 @@ function compileScript(sfc, options) {
             if (hasStaticDefaults) {
                 const prop = propsRuntimeDefaults.properties.find((node) => node.key.name === key);
                 if (prop) {
-                    // prop has corresponding static default value
-                    defaultString = `default: ${source.slice(prop.value.start + startOffset, prop.value.end + startOffset)}`;
+                    if (prop.type === 'ObjectProperty') {
+                        // prop has corresponding static default value
+                        defaultString = `default: ${scriptSetupSource.slice(prop.value.start, prop.value.end)}`;
+                    }
+                    else {
+                        defaultString = `default() ${scriptSetupSource.slice(prop.body.start, prop.body.end)}`;
+                    }
                 }
             }
             {
@@ -1559,7 +1578,38 @@ function compileScript(sfc, options) {
         if (propsRuntimeDefaults && !hasStaticDefaults) {
             propsDecls = `${helper('mergeDefaults')}(${propsDecls}, ${source.slice(propsRuntimeDefaults.start + startOffset, propsRuntimeDefaults.end + startOffset)})`;
         }
-        return `\n  props: ${propsDecls} as unknown as undefined,`;
+        return `\n  props: ${propsDecls},`;
+    }
+    function genSetupPropsType(node) {
+        const scriptSetupSource = scriptSetup.content;
+        if (checkStaticDefaults()) {
+            // if withDefaults() is used, we need to remove the optional flags
+            // on props that have default values
+            let res = `{ `;
+            const members = node.type === 'TSTypeLiteral' ? node.members : node.body;
+            for (const m of members) {
+                if ((m.type === 'TSPropertySignature' ||
+                    m.type === 'TSMethodSignature') &&
+                    m.typeAnnotation &&
+                    m.key.type === 'Identifier') {
+                    if (propsRuntimeDefaults.properties.some((p) => p.key.name === m.key.name)) {
+                        res +=
+                            m.key.name +
+                                (m.type === 'TSMethodSignature' ? '()' : '') +
+                                scriptSetupSource.slice(m.typeAnnotation.start, m.typeAnnotation.end) +
+                                ', ';
+                    }
+                    else {
+                        res +=
+                            scriptSetupSource.slice(m.start, m.typeAnnotation.end) + `, `;
+                    }
+                }
+            }
+            return (res.length ? res.slice(0, -2) : res) + ` }`;
+        }
+        else {
+            return scriptSetupSource.slice(node.start, node.end);
+        }
     }
     // 1. process normal <script> first if it exists
     let scriptAst;
@@ -1756,7 +1806,7 @@ function compileScript(sfc, options) {
                 }
             }
         }
-        // walk decalrations to record declared bindings
+        // walk declarations to record declared bindings
         if ((node.type === 'VariableDeclaration' ||
             node.type === 'FunctionDeclaration' ||
             node.type === 'ClassDeclaration') &&
@@ -1879,17 +1929,20 @@ function compileScript(sfc, options) {
     // 9. finalize setup() argument signature
     let args = `__props`;
     if (propsTypeDecl) {
-        args += `: ${scriptSetup.content.slice(propsTypeDecl.start, propsTypeDecl.end)}`;
+        // mark as any and only cast on assignment
+        // since the user defined complex types may be incompatible with the
+        // inferred type from generated runtime declarations
+        args += `: any`;
     }
     // inject user assignment of props
     // we use a default __props so that template expressions referencing props
     // can use it directly
     if (propsIdentifier) {
-        s.prependRight(startOffset, `\nconst ${propsIdentifier} = __props`);
+        s.prependRight(startOffset, `\nconst ${propsIdentifier} = __props${propsTypeDecl ? ` as ${genSetupPropsType(propsTypeDecl)}` : ``}`);
     }
     // inject temp variables for async context preservation
     if (hasAwait) {
-        const any = isTS ? `:any` : ``;
+        const any = isTS ? `: any` : ``;
         s.prependRight(startOffset, `\nlet __temp${any}, __restore${any}\n`);
     }
     const destructureElements = hasDefineExposeCall || !options.inlineTemplate ? [`expose`] : [];
@@ -2003,10 +2056,10 @@ function compileScript(sfc, options) {
         // this allows `import { setup } from '*.vue'` for testing purposes.
         if (defaultExport) {
             s.prependLeft(startOffset, `\n${hasAwait ? `async ` : ``}function setup(${args}) {\n`);
-            s.append(`\nexport default ${helper(`defineComponent`)}({${def}${runtimeOptions}\n  setup})`);
+            s.append(`\nexport default /*#__PURE__*/${helper(`defineComponent`)}({${def}${runtimeOptions}\n  setup})`);
         }
         else {
-            s.prependLeft(startOffset, `\nexport default ${helper(`defineComponent`)}({${def}${runtimeOptions}\n  ${hasAwait ? `async ` : ``}setup(${args}) {\n${exposeCall}`);
+            s.prependLeft(startOffset, `\nexport default /*#__PURE__*/${helper(`defineComponent`)}({${def}${runtimeOptions}\n  ${hasAwait ? `async ` : ``}setup(${args}) {\n${exposeCall}`);
             s.appendRight(endOffset, `})`);
         }
     }
@@ -2230,6 +2283,7 @@ function inferRuntimeType(node, declaredTypes) {
                     case 'Map':
                     case 'WeakSet':
                     case 'WeakMap':
+                    case 'Date':
                         return [node.typeName.name];
                     case 'Record':
                     case 'Partial':
@@ -2297,7 +2351,7 @@ function genRuntimeEmits(emits) {
     return emits.size
         ? `\n  emits: [${Array.from(emits)
             .map(p => JSON.stringify(p))
-            .join(', ')}] as unknown as undefined,`
+            .join(', ')}],`
         : ``;
 }
 function isCallOf(node, test) {

package/dist/compiler-sfc.esm-browser.js

@@ -488,43 +488,44 @@ const errorMessages = {
     [18 /* UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE */]: 'Unquoted attribute value cannot contain U+0022 ("), U+0027 (\'), U+003C (<), U+003D (=), and U+0060 (`).',
     [19 /* UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME */]: "Attribute name cannot start with '='.",
     [21 /* UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME */]: "'<?' is allowed only in XML context.",
-    [20 /* UNEXPECTED_NULL_CHARACTER */]: `Unexpected null cahracter.`,
+    [20 /* UNEXPECTED_NULL_CHARACTER */]: `Unexpected null character.`,
     [22 /* UNEXPECTED_SOLIDUS_IN_TAG */]: "Illegal '/' in tags.",
     // Vue-specific parse errors
     [23 /* X_INVALID_END_TAG */]: 'Invalid end tag.',
     [24 /* X_MISSING_END_TAG */]: 'Element is missing end tag.',
     [25 /* X_MISSING_INTERPOLATION_END */]: 'Interpolation end sign was not found.',
-    [26 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */]: 'End bracket for dynamic directive argument was not found. ' +
+    [27 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */]: 'End bracket for dynamic directive argument was not found. ' +
         'Note that dynamic directive argument cannot contain spaces.',
+    [26 /* X_MISSING_DIRECTIVE_NAME */]: 'Legal directive name was expected.',
     // transform errors
-    [27 /* X_V_IF_NO_EXPRESSION */]: `v-if/v-else-if is missing expression.`,
-    [28 /* X_V_IF_SAME_KEY */]: `v-if/else branches must use unique keys.`,
-    [29 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if.`,
-    [30 /* X_V_FOR_NO_EXPRESSION */]: `v-for is missing expression.`,
-    [31 /* X_V_FOR_MALFORMED_EXPRESSION */]: `v-for has invalid expression.`,
-    [32 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */]: `<template v-for> key should be placed on the <template> tag.`,
-    [33 /* X_V_BIND_NO_EXPRESSION */]: `v-bind is missing expression.`,
-    [34 /* X_V_ON_NO_EXPRESSION */]: `v-on is missing expression.`,
-    [35 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */]: `Unexpected custom directive on <slot> outlet.`,
-    [36 /* X_V_SLOT_MIXED_SLOT_USAGE */]: `Mixed v-slot usage on both the component and nested <template>.` +
+    [28 /* X_V_IF_NO_EXPRESSION */]: `v-if/v-else-if is missing expression.`,
+    [29 /* X_V_IF_SAME_KEY */]: `v-if/else branches must use unique keys.`,
+    [30 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if.`,
+    [31 /* X_V_FOR_NO_EXPRESSION */]: `v-for is missing expression.`,
+    [32 /* X_V_FOR_MALFORMED_EXPRESSION */]: `v-for has invalid expression.`,
+    [33 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */]: `<template v-for> key should be placed on the <template> tag.`,
+    [34 /* X_V_BIND_NO_EXPRESSION */]: `v-bind is missing expression.`,
+    [35 /* X_V_ON_NO_EXPRESSION */]: `v-on is missing expression.`,
+    [36 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */]: `Unexpected custom directive on <slot> outlet.`,
+    [37 /* X_V_SLOT_MIXED_SLOT_USAGE */]: `Mixed v-slot usage on both the component and nested <template>.` +
         `When there are multiple named slots, all slots should use <template> ` +
         `syntax to avoid scope ambiguity.`,
-    [37 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */]: `Duplicate slot names found. `,
-    [38 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */]: `Extraneous children found when component already has explicitly named ` +
+    [38 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */]: `Duplicate slot names found. `,
+    [39 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */]: `Extraneous children found when component already has explicitly named ` +
         `default slot. These children will be ignored.`,
-    [39 /* X_V_SLOT_MISPLACED */]: `v-slot can only be used on components or <template> tags.`,
-    [40 /* X_V_MODEL_NO_EXPRESSION */]: `v-model is missing expression.`,
-    [41 /* X_V_MODEL_MALFORMED_EXPRESSION */]: `v-model value must be a valid JavaScript member expression.`,
-    [42 /* X_V_MODEL_ON_SCOPE_VARIABLE */]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`,
-    [43 /* X_INVALID_EXPRESSION */]: `Error parsing JavaScript expression: `,
-    [44 /* X_KEEP_ALIVE_INVALID_CHILDREN */]: `<KeepAlive> expects exactly one child component.`,
+    [40 /* X_V_SLOT_MISPLACED */]: `v-slot can only be used on components or <template> tags.`,
+    [41 /* X_V_MODEL_NO_EXPRESSION */]: `v-model is missing expression.`,
+    [42 /* X_V_MODEL_MALFORMED_EXPRESSION */]: `v-model value must be a valid JavaScript member expression.`,
+    [43 /* X_V_MODEL_ON_SCOPE_VARIABLE */]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`,
+    [44 /* X_INVALID_EXPRESSION */]: `Error parsing JavaScript expression: `,
+    [45 /* X_KEEP_ALIVE_INVALID_CHILDREN */]: `<KeepAlive> expects exactly one child component.`,
     // generic errors
-    [45 /* X_PREFIX_ID_NOT_SUPPORTED */]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
-    [46 /* X_MODULE_MODE_NOT_SUPPORTED */]: `ES module mode is not supported in this build of compiler.`,
-    [47 /* X_CACHE_HANDLER_NOT_SUPPORTED */]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
-    [48 /* X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`,
+    [46 /* X_PREFIX_ID_NOT_SUPPORTED */]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
+    [47 /* X_MODULE_MODE_NOT_SUPPORTED */]: `ES module mode is not supported in this build of compiler.`,
+    [48 /* X_CACHE_HANDLER_NOT_SUPPORTED */]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
+    [49 /* X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`,
     // just to fullfill types
-    [49 /* __EXTEND_POINT__ */]: ``
+    [50 /* __EXTEND_POINT__ */]: ``
 };
 
 const FRAGMENT = Symbol(`Fragment` );
@@ -561,7 +562,6 @@ const TO_HANDLER_KEY = Symbol(`toHandlerKey` );
 const SET_BLOCK_TRACKING = Symbol(`setBlockTracking` );
 const PUSH_SCOPE_ID = Symbol(`pushScopeId` );
 const POP_SCOPE_ID = Symbol(`popScopeId` );
-const WITH_SCOPE_ID = Symbol(`withScopeId` );
 const WITH_CTX = Symbol(`withCtx` );
 const UNREF = Symbol(`unref` );
 const IS_REF = Symbol(`isRef` );
@@ -605,7 +605,6 @@ const helperNameMap = {
     [SET_BLOCK_TRACKING]: `setBlockTracking`,
     [PUSH_SCOPE_ID]: `pushScopeId`,
     [POP_SCOPE_ID]: `popScopeId`,
-    [WITH_SCOPE_ID]: `withScopeId`,
     [WITH_CTX]: `withCtx`,
     [UNREF]: `unref`,
     [IS_REF]: `isRef`,
@@ -1740,7 +1739,7 @@ function parseAttribute(context, nameSet) {
         }
     }
     const loc = getSelection(context, start);
-    if (!context.inVPre && /^(v-|:|\.|@|#)/.test(name)) {
+    if (!context.inVPre && /^(v-[A-Za-z0-9-]|:|\.|@|#)/.test(name)) {
         const match = /(?:^v-([a-z0-9-]+))?(?:(?::|^\.|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(name);
         let isPropShorthand = startsWith(name, '.');
         let dirName = match[1] ||
@@ -1759,7 +1758,7 @@ function parseAttribute(context, nameSet) {
             if (content.startsWith('[')) {
                 isStatic = false;
                 if (!content.endsWith(']')) {
-                    emitError(context, 26 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */);
+                    emitError(context, 27 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */);
                 }
                 content = content.substr(1, content.length - 2);
             }
@@ -1806,6 +1805,10 @@ function parseAttribute(context, nameSet) {
             loc
         };
     }
+    // missing directive name or illegal directive name
+    if (!context.inVPre && startsWith(name, 'v-')) {
+        emitError(context, 26 /* X_MISSING_DIRECTIVE_NAME */);
+    }
     return {
         type: 6 /* ATTRIBUTE */,
         name,
@@ -1885,10 +1888,7 @@ function parseInterpolation(context, mode) {
     };
 }
 function parseText(context, mode) {
-    const endTokens = ['<', context.options.delimiters[0]];
-    if (mode === 3 /* CDATA */) {
-        endTokens.push(']]>');
-    }
+    const endTokens = mode === 3 /* CDATA */ ? [']]>'] : ['<', context.options.delimiters[0]];
     let endIndex = context.source.length;
     for (let i = 0; i < endTokens.length; i++) {
         const index = context.source.indexOf(endTokens[i], 1);
@@ -6040,11 +6040,8 @@ function genFunctionPreamble(ast, context) {
 }
 function genModulePreamble(ast, context, genScopeId, inline) {
     const { push, newline, optimizeImports, runtimeModuleName } = context;
-    if (genScopeId) {
-        ast.helpers.push(WITH_SCOPE_ID);
-        if (ast.hoists.length) {
-            ast.helpers.push(PUSH_SCOPE_ID, POP_SCOPE_ID);
-        }
+    if (genScopeId && ast.hoists.length) {
+        ast.helpers.push(PUSH_SCOPE_ID, POP_SCOPE_ID);
     }
     // generate import statements for helpers
     if (ast.helpers.length) {
@@ -11700,232 +11697,6 @@ var toFastProperties = function toFastproperties(o) {
 	return FastObject(o);
 };
 
-var global = (typeof global !== "undefined" ? global :
-  typeof self !== "undefined" ? self :
-  typeof window !== "undefined" ? window : {});
-
-// shim for using process in browser
-// based off https://github.com/defunctzombie/node-process/blob/master/browser.js
-
-function defaultSetTimout() {
-    throw new Error('setTimeout has not been defined');
-}
-function defaultClearTimeout () {
-    throw new Error('clearTimeout has not been defined');
-}
-var cachedSetTimeout = defaultSetTimout;
-var cachedClearTimeout = defaultClearTimeout;
-if (typeof global.setTimeout === 'function') {
-    cachedSetTimeout = setTimeout;
-}
-if (typeof global.clearTimeout === 'function') {
-    cachedClearTimeout = clearTimeout;
-}
-
-function runTimeout(fun) {
-    if (cachedSetTimeout === setTimeout) {
-        //normal enviroments in sane situations
-        return setTimeout(fun, 0);
-    }
-    // if setTimeout wasn't available but was latter defined
-    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
-        cachedSetTimeout = setTimeout;
-        return setTimeout(fun, 0);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedSetTimeout(fun, 0);
-    } catch(e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
-            return cachedSetTimeout.call(null, fun, 0);
-        } catch(e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
-            return cachedSetTimeout.call(this, fun, 0);
-        }
-    }
-
-
-}
-function runClearTimeout(marker) {
-    if (cachedClearTimeout === clearTimeout) {
-        //normal enviroments in sane situations
-        return clearTimeout(marker);
-    }
-    // if clearTimeout wasn't available but was latter defined
-    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
-        cachedClearTimeout = clearTimeout;
-        return clearTimeout(marker);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedClearTimeout(marker);
-    } catch (e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
-            return cachedClearTimeout.call(null, marker);
-        } catch (e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
-            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
-            return cachedClearTimeout.call(this, marker);
-        }
-    }
-
-
-
-}
-var queue = [];
-var draining = false;
-var currentQueue;
-var queueIndex = -1;
-
-function cleanUpNextTick() {
-    if (!draining || !currentQueue) {
-        return;
-    }
-    draining = false;
-    if (currentQueue.length) {
-        queue = currentQueue.concat(queue);
-    } else {
-        queueIndex = -1;
-    }
-    if (queue.length) {
-        drainQueue();
-    }
-}
-
-function drainQueue() {
-    if (draining) {
-        return;
-    }
-    var timeout = runTimeout(cleanUpNextTick);
-    draining = true;
-
-    var len = queue.length;
-    while(len) {
-        currentQueue = queue;
-        queue = [];
-        while (++queueIndex < len) {
-            if (currentQueue) {
-                currentQueue[queueIndex].run();
-            }
-        }
-        queueIndex = -1;
-        len = queue.length;
-    }
-    currentQueue = null;
-    draining = false;
-    runClearTimeout(timeout);
-}
-function nextTick(fun) {
-    var args = new Array(arguments.length - 1);
-    if (arguments.length > 1) {
-        for (var i = 1; i < arguments.length; i++) {
-            args[i - 1] = arguments[i];
-        }
-    }
-    queue.push(new Item(fun, args));
-    if (queue.length === 1 && !draining) {
-        runTimeout(drainQueue);
-    }
-}
-// v8 likes predictible objects
-function Item(fun, array) {
-    this.fun = fun;
-    this.array = array;
-}
-Item.prototype.run = function () {
-    this.fun.apply(null, this.array);
-};
-var title = 'browser';
-var platform = 'browser';
-var browser = true;
-var env = {};
-var argv = [];
-var version = ''; // empty string to avoid regexp issues
-var versions = {};
-var release = {};
-var config = {};
-
-function noop() {}
-
-var on = noop;
-var addListener = noop;
-var once = noop;
-var off = noop;
-var removeListener = noop;
-var removeAllListeners = noop;
-var emit = noop;
-
-function binding(name) {
-    throw new Error('process.binding is not supported');
-}
-
-function cwd () { return '/' }
-function chdir (dir) {
-    throw new Error('process.chdir is not supported');
-}function umask() { return 0; }
-
-// from https://github.com/kumavis/browser-process-hrtime/blob/master/index.js
-var performance = global.performance || {};
-var performanceNow =
-  performance.now        ||
-  performance.mozNow     ||
-  performance.msNow      ||
-  performance.oNow       ||
-  performance.webkitNow  ||
-  function(){ return (new Date()).getTime() };
-
-// generate timestamp or delta
-// see http://nodejs.org/api/process.html#process_process_hrtime
-function hrtime(previousTimestamp){
-  var clocktime = performanceNow.call(performance)*1e-3;
-  var seconds = Math.floor(clocktime);
-  var nanoseconds = Math.floor((clocktime%1)*1e9);
-  if (previousTimestamp) {
-    seconds = seconds - previousTimestamp[0];
-    nanoseconds = nanoseconds - previousTimestamp[1];
-    if (nanoseconds<0) {
-      seconds--;
-      nanoseconds += 1e9;
-    }
-  }
-  return [seconds,nanoseconds]
-}
-
-var startTime = new Date();
-function uptime() {
-  var currentTime = new Date();
-  var dif = currentTime - startTime;
-  return dif / 1000;
-}
-
-var browser$1 = {
-  nextTick: nextTick,
-  title: title,
-  browser: browser,
-  env: env,
-  argv: argv,
-  version: version,
-  versions: versions,
-  on: on,
-  addListener: addListener,
-  once: once,
-  off: off,
-  removeListener: removeListener,
-  removeAllListeners: removeAllListeners,
-  emit: emit,
-  binding: binding,
-  cwd: cwd,
-  chdir: chdir,
-  umask: umask,
-  hrtime: hrtime,
-  platform: platform,
-  release: release,
-  config: config,
-  uptime: uptime
-};
-
 var _default$4 = isType;
 
 
@@ -34730,7 +34501,7 @@ function processExpression(node, context,
 // function params
 asParams = false, 
 // v-on handler values may contain multiple statements
-asRawStatements = false) {
+asRawStatements = false, localVars = Object.create(context.identifiers)) {
     if (!context.prefixIdentifiers || !node.content.trim()) {
         return node;
     }
@@ -34744,7 +34515,7 @@ asRawStatements = false) {
             const isUpdateArg = parent && parent.type === 'UpdateExpression' && parent.argument === id;
             // ({ x } = y)
             const isDestructureAssignment = parent && isInDestructureAssignment(parent, parentStack);
-            if (type === "setup-const" /* SETUP_CONST */) {
+            if (type === "setup-const" /* SETUP_CONST */ || localVars[raw]) {
                 return raw;
             }
             else if (type === "setup-ref" /* SETUP_REF */) {
@@ -34768,7 +34539,7 @@ asRawStatements = false) {
                     // x = y --> isRef(x) ? x.value = y : x = y
                     const { right: rVal, operator } = parent;
                     const rExp = rawExp.slice(rVal.start - 1, rVal.end - 1);
-                    const rExpString = stringifyExpression(processExpression(createSimpleExpression(rExp, false), context));
+                    const rExpString = stringifyExpression(processExpression(createSimpleExpression(rExp, false), context, false, false, knownIds));
                     return `${context.helperString(IS_REF)}(${raw})${context.isTS ? ` //@ts-ignore\n` : ``} ? ${raw}.value ${operator} ${rExpString} : ${raw}`;
                 }
                 else if (isUpdateArg) {
@@ -34854,7 +34625,7 @@ asRawStatements = false) {
         }).program;
     }
     catch (e) {
-        context.onError(createCompilerError(43 /* X_INVALID_EXPRESSION */, node.loc, undefined, e.message));
+        context.onError(createCompilerError(44 /* X_INVALID_EXPRESSION */, node.loc, undefined, e.message));
         return node;
     }
     const ids = [];
@@ -34980,7 +34751,7 @@ function processIf(node, dir, context, processCodegen) {
     if (dir.name !== 'else' &&
         (!dir.exp || !dir.exp.content.trim())) {
         const loc = dir.exp ? dir.exp.loc : node.loc;
-        context.onError(createCompilerError(27 /* X_V_IF_NO_EXPRESSION */, dir.loc));
+        context.onError(createCompilerError(28 /* X_V_IF_NO_EXPRESSION */, dir.loc));
         dir.exp = createSimpleExpression(`true`, false, loc);
     }
     if (context.prefixIdentifiers && dir.exp) {
@@ -35035,7 +34806,7 @@ function processIf(node, dir, context, processCodegen) {
                     if (key) {
                         sibling.branches.forEach(({ userKey }) => {
                             if (isSameKey(userKey, key)) {
-                                context.onError(createCompilerError(28 /* X_V_IF_SAME_KEY */, branch.userKey.loc));
+                                context.onError(createCompilerError(29 /* X_V_IF_SAME_KEY */, branch.userKey.loc));
                             }
                         });
                     }
@@ -35053,7 +34824,7 @@ function processIf(node, dir, context, processCodegen) {
                 context.currentNode = null;
             }
             else {
-                context.onError(createCompilerError(29 /* X_V_ELSE_NO_ADJACENT_IF */, node.loc));
+                context.onError(createCompilerError(30 /* X_V_ELSE_NO_ADJACENT_IF */, node.loc));
             }
             break;
         }
@@ -35204,7 +34975,7 @@ const transformFor = createStructuralDirectiveTransform('for', (node, dir, conte
                     if (c.type === 1 /* ELEMENT */) {
                         const key = findProp(c, 'key');
                         if (key) {
-                            context.onError(createCompilerError(32 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */, key.loc));
+                            context.onError(createCompilerError(33 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */, key.loc));
                             return true;
                         }
                     }
@@ -35289,7 +35060,7 @@ const transformFor = createStructuralDirectiveTransform('for', (node, dir, conte
 // target-agnostic transform used for both Client and SSR
 function processFor(node, dir, context, processCodegen) {
     if (!dir.exp) {
-        context.onError(createCompilerError(30 /* X_V_FOR_NO_EXPRESSION */, dir.loc));
+        context.onError(createCompilerError(31 /* X_V_FOR_NO_EXPRESSION */, dir.loc));
         return;
     }
     const parseResult = parseForExpression(
@@ -35297,7 +35068,7 @@ function processFor(node, dir, context, processCodegen) {
     // before expression transform.
     dir.exp, context);
     if (!parseResult) {
-        context.onError(createCompilerError(31 /* X_V_FOR_MALFORMED_EXPRESSION */, dir.loc));
+        context.onError(createCompilerError(32 /* X_V_FOR_MALFORMED_EXPRESSION */, dir.loc));
         return;
     }
     const { addIdentifiers, removeIdentifiers, scopes } = context;
@@ -35503,7 +35274,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
         }
         if (onComponentSlot) {
             // already has on-component slot - this is incorrect usage.
-            context.onError(createCompilerError(36 /* X_V_SLOT_MIXED_SLOT_USAGE */, slotDir.loc));
+            context.onError(createCompilerError(37 /* X_V_SLOT_MIXED_SLOT_USAGE */, slotDir.loc));
             break;
         }
         hasTemplateSlots = true;
@@ -35550,7 +35321,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
                     : buildDynamicSlot(slotName, slotFunction);
             }
             else {
-                context.onError(createCompilerError(29 /* X_V_ELSE_NO_ADJACENT_IF */, vElse.loc));
+                context.onError(createCompilerError(30 /* X_V_ELSE_NO_ADJACENT_IF */, vElse.loc));
             }
         }
         else if ((vFor = findDir(slotElement, 'for'))) {
@@ -35566,14 +35337,14 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
                 ]));
             }
             else {
-                context.onError(createCompilerError(31 /* X_V_FOR_MALFORMED_EXPRESSION */, vFor.loc));
+                context.onError(createCompilerError(32 /* X_V_FOR_MALFORMED_EXPRESSION */, vFor.loc));
             }
         }
         else {
             // check duplicate static names
             if (staticSlotName) {
                 if (seenSlotNames.has(staticSlotName)) {
-                    context.onError(createCompilerError(37 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */, dirLoc));
+                    context.onError(createCompilerError(38 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */, dirLoc));
                     continue;
                 }
                 seenSlotNames.add(staticSlotName);
@@ -35600,7 +35371,7 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
             implicitDefaultChildren.some(node => isNonWhitespaceContent(node))) {
             // implicit default slot (mixed with named slots)
             if (hasNamedDefaultSlot) {
-                context.onError(createCompilerError(38 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */, implicitDefaultChildren[0].loc));
+                context.onError(createCompilerError(39 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */, implicitDefaultChildren[0].loc));
             }
             else {
                 slotsProperties.push(buildDefaultSlotProperty(undefined, implicitDefaultChildren));
@@ -35732,7 +35503,7 @@ const transformElement = (node, context) => {
                 // 2. Force keep-alive to always be updated, since it uses raw children.
                 patchFlag |= 1024 /* DYNAMIC_SLOTS */;
                 if (node.children.length > 1) {
-                    context.onError(createCompilerError(44 /* X_KEEP_ALIVE_INVALID_CHILDREN */, {
+                    context.onError(createCompilerError(45 /* X_KEEP_ALIVE_INVALID_CHILDREN */, {
                         start: node.children[0].loc.start,
                         end: node.children[node.children.length - 1].loc.end,
                         source: ''
@@ -35974,14 +35745,15 @@ function buildProps(node, context, props = node.props, ssr = false) {
         const prop = props[i];
         if (prop.type === 6 /* ATTRIBUTE */) {
             const { loc, name, value } = prop;
-            let isStatic = true;
+            let valueNode = createSimpleExpression(value ? value.content : '', true, value ? value.loc : loc);
             if (name === 'ref') {
                 hasRef = true;
                 // in inline mode there is no setupState object, so we can't use string
                 // keys to set the ref. Instead, we need to transform it to pass the
                 // acrtual ref instead.
-                if (context.inline) {
-                    isStatic = false;
+                if (context.inline && (value === null || value === void 0 ? void 0 : value.content)) {
+                    valueNode = createFunctionExpression(['_value', '_refs']);
+                    valueNode.body = createBlockStatement(processInlineRef(context.bindingMetadata, value.content));
                 }
             }
             // skip is on <component>, or is="vue:xxx"
@@ -35991,7 +35763,7 @@ function buildProps(node, context, props = node.props, ssr = false) {
                     (false ))) {
                 continue;
             }
-            properties.push(createObjectProperty(createSimpleExpression(name, true, getInnerRange(loc, 0, name.length)), createSimpleExpression(value ? value.content : '', isStatic, value ? value.loc : loc)));
+            properties.push(createObjectProperty(createSimpleExpression(name, true, getInnerRange(loc, 0, name.length)), valueNode));
         }
         else {
             // directives
@@ -36001,7 +35773,7 @@ function buildProps(node, context, props = node.props, ssr = false) {
             // skip v-slot - it is handled by its dedicated transform.
             if (name === 'slot') {
                 if (!isComponent) {
-                    context.onError(createCompilerError(39 /* X_V_SLOT_MISPLACED */, loc));
+                    context.onError(createCompilerError(40 /* X_V_SLOT_MISPLACED */, loc));
                 }
                 continue;
             }
@@ -36044,8 +35816,8 @@ function buildProps(node, context, props = node.props, ssr = false) {
                 }
                 else {
                     context.onError(createCompilerError(isVBind
-                        ? 33 /* X_V_BIND_NO_EXPRESSION */
-                        : 34 /* X_V_ON_NO_EXPRESSION */, loc));
+                        ? 34 /* X_V_BIND_NO_EXPRESSION */
+                        : 35 /* X_V_ON_NO_EXPRESSION */, loc));
                 }
                 continue;
             }
@@ -36265,6 +36037,17 @@ function stringifyDynamicPropNames(props) {
 }
 function isComponentTag(tag) {
     return tag[0].toLowerCase() + tag.slice(1) === 'component';
+}
+function processInlineRef(bindings, raw) {
+    const body = [createSimpleExpression(`_refs['${raw}'] = _value`)];
+    const type = bindings[raw];
+    if (type === "setup-ref" /* SETUP_REF */) {
+        body.push(createSimpleExpression(`${raw}.value = _value`));
+    }
+    else if (type === "setup-let" /* SETUP_LET */) {
+        body.push(createSimpleExpression(`${raw} = _value`));
+    }
+    return body;
 }
 
 const transformSlotOutlet = (node, context) => {
@@ -36330,7 +36113,7 @@ function processSlotOutlet(node, context) {
         const { props, directives } = buildProps(node, context, nonNameProps);
         slotProps = props;
         if (directives.length) {
-            context.onError(createCompilerError(35 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */, directives[0].loc));
+            context.onError(createCompilerError(36 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */, directives[0].loc));
         }
     }
     return {
@@ -36343,7 +36126,7 @@ const fnExpRE = /^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/;
 const transformOn = (dir, node, context, augmentor) => {
     const { loc, modifiers, arg } = dir;
     if (!dir.exp && !modifiers.length) {
-        context.onError(createCompilerError(34 /* X_V_ON_NO_EXPRESSION */, loc));
+        context.onError(createCompilerError(35 /* X_V_ON_NO_EXPRESSION */, loc));
     }
     let eventName;
     if (arg.type === 4 /* SIMPLE_EXPRESSION */) {
@@ -36484,7 +36267,7 @@ const transformBind = (dir, _node, context) => {
     }
     if (!exp ||
         (exp.type === 4 /* SIMPLE_EXPRESSION */ && !exp.content.trim())) {
-        context.onError(createCompilerError(33 /* X_V_BIND_NO_EXPRESSION */, loc));
+        context.onError(createCompilerError(34 /* X_V_BIND_NO_EXPRESSION */, loc));
         return {
             props: [createObjectProperty(arg, createSimpleExpression('', true, loc))]
         };
@@ -36620,7 +36403,7 @@ const transformOnce = (node, context) => {
 const transformModel = (dir, node, context) => {
     const { exp, arg } = dir;
     if (!exp) {
-        context.onError(createCompilerError(40 /* X_V_MODEL_NO_EXPRESSION */, dir.loc));
+        context.onError(createCompilerError(41 /* X_V_MODEL_NO_EXPRESSION */, dir.loc));
         return createTransformProps();
     }
     const rawExp = exp.loc.source;
@@ -36632,13 +36415,13 @@ const transformModel = (dir, node, context) => {
         bindingType &&
         bindingType !== "setup-const" /* SETUP_CONST */;
     if (!expString.trim() || (!isMemberExpression(expString) && !maybeRef)) {
-        context.onError(createCompilerError(41 /* X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc));
+        context.onError(createCompilerError(42 /* X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc));
         return createTransformProps();
     }
     if (context.prefixIdentifiers &&
         isSimpleIdentifier(expString) &&
         context.identifiers[expString]) {
-        context.onError(createCompilerError(42 /* X_V_MODEL_ON_SCOPE_VARIABLE */, exp.loc));
+        context.onError(createCompilerError(43 /* X_V_MODEL_ON_SCOPE_VARIABLE */, exp.loc));
         return createTransformProps();
     }
     const propName = arg ? arg : createSimpleExpression('modelValue', true);
@@ -36768,10 +36551,10 @@ function baseCompile(template, options = {}) {
     const isModuleMode = options.mode === 'module';
     const prefixIdentifiers = (options.prefixIdentifiers === true || isModuleMode);
     if (!prefixIdentifiers && options.cacheHandlers) {
-        onError(createCompilerError(47 /* X_CACHE_HANDLER_NOT_SUPPORTED */));
+        onError(createCompilerError(48 /* X_CACHE_HANDLER_NOT_SUPPORTED */));
     }
     if (options.scopeId && !isModuleMode) {
-        onError(createCompilerError(48 /* X_SCOPE_ID_NOT_SUPPORTED */));
+        onError(createCompilerError(49 /* X_SCOPE_ID_NOT_SUPPORTED */));
     }
     const ast = isString(template) ? baseParse(template, options) : template;
     const [nodeTransforms, directiveTransforms] = getBaseTransformPreset(prefixIdentifiers);
@@ -39269,26 +39052,26 @@ function createDOMCompilerError(code, loc) {
     return createCompilerError(code, loc, DOMErrorMessages );
 }
 const DOMErrorMessages = {
-    [49 /* X_V_HTML_NO_EXPRESSION */]: `v-html is missing expression.`,
-    [50 /* X_V_HTML_WITH_CHILDREN */]: `v-html will override element children.`,
-    [51 /* X_V_TEXT_NO_EXPRESSION */]: `v-text is missing expression.`,
-    [52 /* X_V_TEXT_WITH_CHILDREN */]: `v-text will override element children.`,
-    [53 /* X_V_MODEL_ON_INVALID_ELEMENT */]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
-    [54 /* X_V_MODEL_ARG_ON_ELEMENT */]: `v-model argument is not supported on plain elements.`,
-    [55 /* X_V_MODEL_ON_FILE_INPUT_ELEMENT */]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
-    [56 /* X_V_MODEL_UNNECESSARY_VALUE */]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
-    [57 /* X_V_SHOW_NO_EXPRESSION */]: `v-show is missing expression.`,
-    [58 /* X_TRANSITION_INVALID_CHILDREN */]: `<Transition> expects exactly one child element or component.`,
-    [59 /* X_IGNORED_SIDE_EFFECT_TAG */]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
+    [50 /* X_V_HTML_NO_EXPRESSION */]: `v-html is missing expression.`,
+    [51 /* X_V_HTML_WITH_CHILDREN */]: `v-html will override element children.`,
+    [52 /* X_V_TEXT_NO_EXPRESSION */]: `v-text is missing expression.`,
+    [53 /* X_V_TEXT_WITH_CHILDREN */]: `v-text will override element children.`,
+    [54 /* X_V_MODEL_ON_INVALID_ELEMENT */]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
+    [55 /* X_V_MODEL_ARG_ON_ELEMENT */]: `v-model argument is not supported on plain elements.`,
+    [56 /* X_V_MODEL_ON_FILE_INPUT_ELEMENT */]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
+    [57 /* X_V_MODEL_UNNECESSARY_VALUE */]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
+    [58 /* X_V_SHOW_NO_EXPRESSION */]: `v-show is missing expression.`,
+    [59 /* X_TRANSITION_INVALID_CHILDREN */]: `<Transition> expects exactly one child element or component.`,
+    [60 /* X_IGNORED_SIDE_EFFECT_TAG */]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
 };
 
 const transformVHtml = (dir, node, context) => {
     const { exp, loc } = dir;
     if (!exp) {
-        context.onError(createDOMCompilerError(49 /* X_V_HTML_NO_EXPRESSION */, loc));
+        context.onError(createDOMCompilerError(50 /* X_V_HTML_NO_EXPRESSION */, loc));
     }
     if (node.children.length) {
-        context.onError(createDOMCompilerError(50 /* X_V_HTML_WITH_CHILDREN */, loc));
+        context.onError(createDOMCompilerError(51 /* X_V_HTML_WITH_CHILDREN */, loc));
         node.children.length = 0;
     }
     return {
@@ -39301,10 +39084,10 @@ const transformVHtml = (dir, node, context) => {
 const transformVText = (dir, node, context) => {
     const { exp, loc } = dir;
     if (!exp) {
-        context.onError(createDOMCompilerError(51 /* X_V_TEXT_NO_EXPRESSION */, loc));
+        context.onError(createDOMCompilerError(52 /* X_V_TEXT_NO_EXPRESSION */, loc));
     }
     if (node.children.length) {
-        context.onError(createDOMCompilerError(52 /* X_V_TEXT_WITH_CHILDREN */, loc));
+        context.onError(createDOMCompilerError(53 /* X_V_TEXT_WITH_CHILDREN */, loc));
         node.children.length = 0;
     }
     return {
@@ -39323,12 +39106,12 @@ const transformModel$1 = (dir, node, context) => {
         return baseResult;
     }
     if (dir.arg) {
-        context.onError(createDOMCompilerError(54 /* X_V_MODEL_ARG_ON_ELEMENT */, dir.arg.loc));
+        context.onError(createDOMCompilerError(55 /* X_V_MODEL_ARG_ON_ELEMENT */, dir.arg.loc));
     }
     function checkDuplicatedValue() {
         const value = findProp(node, 'value');
         if (value) {
-            context.onError(createDOMCompilerError(56 /* X_V_MODEL_UNNECESSARY_VALUE */, value.loc));
+            context.onError(createDOMCompilerError(57 /* X_V_MODEL_UNNECESSARY_VALUE */, value.loc));
         }
     }
     const { tag } = node;
@@ -39356,7 +39139,7 @@ const transformModel$1 = (dir, node, context) => {
                             break;
                         case 'file':
                             isInvalidType = true;
-                            context.onError(createDOMCompilerError(55 /* X_V_MODEL_ON_FILE_INPUT_ELEMENT */, dir.loc));
+                            context.onError(createDOMCompilerError(56 /* X_V_MODEL_ON_FILE_INPUT_ELEMENT */, dir.loc));
                             break;
                         default:
                             // text type
@@ -39390,7 +39173,7 @@ const transformModel$1 = (dir, node, context) => {
         }
     }
     else {
-        context.onError(createDOMCompilerError(53 /* X_V_MODEL_ON_INVALID_ELEMENT */, dir.loc));
+        context.onError(createDOMCompilerError(54 /* X_V_MODEL_ON_INVALID_ELEMENT */, dir.loc));
     }
     // native vmodel doesn't need the `modelValue` props since they are also
     // passed to the runtime as `binding.value`. removing it reduces code size.
@@ -39510,7 +39293,7 @@ const transformOn$1 = (dir, node, context) => {
 const transformShow = (dir, node, context) => {
     const { exp, loc } = dir;
     if (!exp) {
-        context.onError(createDOMCompilerError(57 /* X_V_SHOW_NO_EXPRESSION */, loc));
+        context.onError(createDOMCompilerError(58 /* X_V_SHOW_NO_EXPRESSION */, loc));
     }
     return {
         props: [],
@@ -39525,7 +39308,7 @@ const warnTransitionChildren = (node, context) => {
         if (component === TRANSITION) {
             return () => {
                 if (node.children.length && hasMultipleChildren(node)) {
-                    context.onError(createDOMCompilerError(58 /* X_TRANSITION_INVALID_CHILDREN */, {
+                    context.onError(createDOMCompilerError(59 /* X_TRANSITION_INVALID_CHILDREN */, {
                         start: node.children[0].loc.start,
                         end: node.children[node.children.length - 1].loc.end,
                         source: ''
@@ -39806,7 +39589,7 @@ const ignoreSideEffectTags = (node, context) => {
     if (node.type === 1 /* ELEMENT */ &&
         node.tagType === 0 /* ELEMENT */ &&
         (node.tag === 'script' || node.tag === 'style')) {
-        context.onError(createDOMCompilerError(59 /* X_IGNORED_SIDE_EFFECT_TAG */, node.loc));
+        context.onError(createDOMCompilerError(60 /* X_IGNORED_SIDE_EFFECT_TAG */, node.loc));
         context.removeNode();
     }
 };
@@ -39974,7 +39757,6 @@ var CompilerDOM = /*#__PURE__*/Object.freeze({
   SET_BLOCK_TRACKING: SET_BLOCK_TRACKING,
   PUSH_SCOPE_ID: PUSH_SCOPE_ID,
   POP_SCOPE_ID: POP_SCOPE_ID,
-  WITH_SCOPE_ID: WITH_SCOPE_ID,
   WITH_CTX: WITH_CTX,
   UNREF: UNREF,
   IS_REF: IS_REF,
@@ -40929,6 +40711,10 @@ function toASCII(input) {
   });
 }
 
+var global = (typeof global !== "undefined" ? global :
+  typeof self !== "undefined" ? self :
+  typeof window !== "undefined" ? window : {});
+
 var lookup = [];
 var revLookup = [];
 var Arr = typeof Uint8Array !== 'undefined' ? Uint8Array : Array;
@@ -44752,17 +44538,17 @@ function createSSRCompilerError(code, loc) {
     return createCompilerError(code, loc, SSRErrorMessages);
 }
 const SSRErrorMessages = {
-    [60 /* X_SSR_CUSTOM_DIRECTIVE_NO_TRANSFORM */]: `Custom directive is missing corresponding SSR transform and will be ignored.`,
-    [61 /* X_SSR_UNSAFE_ATTR_NAME */]: `Unsafe attribute name for SSR.`,
-    [62 /* X_SSR_NO_TELEPORT_TARGET */]: `Missing the 'to' prop on teleport element.`,
-    [63 /* X_SSR_INVALID_AST_NODE */]: `Invalid AST node during SSR transform.`
+    [61 /* X_SSR_CUSTOM_DIRECTIVE_NO_TRANSFORM */]: `Custom directive is missing corresponding SSR transform and will be ignored.`,
+    [62 /* X_SSR_UNSAFE_ATTR_NAME */]: `Unsafe attribute name for SSR.`,
+    [63 /* X_SSR_NO_TELEPORT_TARGET */]: `Missing the 'to' prop on teleport element.`,
+    [64 /* X_SSR_INVALID_AST_NODE */]: `Invalid AST node during SSR transform.`
 };
 
 // Note: this is a 2nd-pass codegen transform.
 function ssrProcessTeleport(node, context) {
     const targetProp = findProp(node, 'to');
     if (!targetProp) {
-        context.onError(createSSRCompilerError(62 /* X_SSR_NO_TELEPORT_TARGET */, node.loc));
+        context.onError(createSSRCompilerError(63 /* X_SSR_NO_TELEPORT_TARGET */, node.loc));
         return;
     }
     let target;
@@ -44774,7 +44560,7 @@ function ssrProcessTeleport(node, context) {
         target = targetProp.exp;
     }
     if (!target) {
-        context.onError(createSSRCompilerError(62 /* X_SSR_NO_TELEPORT_TARGET */, targetProp.loc));
+        context.onError(createSSRCompilerError(63 /* X_SSR_NO_TELEPORT_TARGET */, targetProp.loc));
         return;
     }
     const disabledProp = findProp(node, 'disabled', false, true /* allow empty */);
@@ -45181,7 +44967,7 @@ const ssrTransformElement = (node, context) => {
                     node.children = [createInterpolation(prop.exp, prop.loc)];
                 }
                 else if (prop.name === 'slot') {
-                    context.onError(createCompilerError(39 /* X_V_SLOT_MISPLACED */, prop.loc));
+                    context.onError(createCompilerError(40 /* X_V_SLOT_MISPLACED */, prop.loc));
                 }
                 else if (isTextareaWithValue(node, prop) && prop.exp) {
                     if (!hasDynamicVBind) {
@@ -45193,7 +44979,7 @@ const ssrTransformElement = (node, context) => {
                     const directiveTransform = context.directiveTransforms[prop.name];
                     if (!directiveTransform) {
                         // no corresponding ssr directive transform found.
-                        context.onError(createSSRCompilerError(60 /* X_SSR_CUSTOM_DIRECTIVE_NO_TRANSFORM */, prop.loc));
+                        context.onError(createSSRCompilerError(61 /* X_SSR_CUSTOM_DIRECTIVE_NO_TRANSFORM */, prop.loc));
                     }
                     else if (!hasDynamicVBind) {
                         const { props, ssrTagParts } = directiveTransform(prop, node, context);
@@ -45235,7 +45021,7 @@ const ssrTransformElement = (node, context) => {
                                         ]));
                                     }
                                     else {
-                                        context.onError(createSSRCompilerError(61 /* X_SSR_UNSAFE_ATTR_NAME */, key.loc));
+                                        context.onError(createSSRCompilerError(62 /* X_SSR_UNSAFE_ATTR_NAME */, key.loc));
                                     }
                                 }
                             }
@@ -45430,7 +45216,7 @@ function processChildren(children, context, asFragment = false, disableNestedFra
                         // TODO
                         break;
                     default:
-                        context.onError(createSSRCompilerError(63 /* X_SSR_INVALID_AST_NODE */, child.loc));
+                        context.onError(createSSRCompilerError(64 /* X_SSR_INVALID_AST_NODE */, child.loc));
                         // make sure we exhaust all possible types
                         const exhaustiveCheck = child;
                         return exhaustiveCheck;
@@ -45462,7 +45248,7 @@ function processChildren(children, context, asFragment = false, disableNestedFra
                 // `transformText` is not used during SSR compile.
                 break;
             default:
-                context.onError(createSSRCompilerError(63 /* X_SSR_INVALID_AST_NODE */, child.loc));
+                context.onError(createSSRCompilerError(64 /* X_SSR_INVALID_AST_NODE */, child.loc));
                 // make sure we exhaust all possible types
                 const exhaustiveCheck = child;
                 return exhaustiveCheck;
@@ -45483,7 +45269,7 @@ const ssrTransformModel = (dir, node, context) => {
     function checkDuplicatedValue() {
         const value = findProp(node, 'value');
         if (value) {
-            context.onError(createDOMCompilerError(56 /* X_V_MODEL_UNNECESSARY_VALUE */, value.loc));
+            context.onError(createDOMCompilerError(57 /* X_V_MODEL_UNNECESSARY_VALUE */, value.loc));
         }
     }
     if (node.tagType === 0 /* ELEMENT */) {
@@ -45540,7 +45326,7 @@ const ssrTransformModel = (dir, node, context) => {
                             }
                             break;
                         case 'file':
-                            context.onError(createDOMCompilerError(55 /* X_V_MODEL_ON_FILE_INPUT_ELEMENT */, dir.loc));
+                            context.onError(createDOMCompilerError(56 /* X_V_MODEL_ON_FILE_INPUT_ELEMENT */, dir.loc));
                             break;
                         default:
                             checkDuplicatedValue();
@@ -45562,7 +45348,7 @@ const ssrTransformModel = (dir, node, context) => {
         }
         else if (node.tag === 'select') ;
         else {
-            context.onError(createDOMCompilerError(53 /* X_V_MODEL_ON_INVALID_ELEMENT */, dir.loc));
+            context.onError(createDOMCompilerError(54 /* X_V_MODEL_ON_INVALID_ELEMENT */, dir.loc));
         }
         return res;
     }
@@ -45582,7 +45368,7 @@ function findValueBinding(node) {
 
 const ssrTransformShow = (dir, node, context) => {
     if (!dir.exp) {
-        context.onError(createDOMCompilerError(57 /* X_V_SHOW_NO_EXPRESSION */));
+        context.onError(createDOMCompilerError(58 /* X_V_SHOW_NO_EXPRESSION */));
     }
     return {
         props: [
@@ -45734,7 +45520,7 @@ var CompilerSSR = /*#__PURE__*/Object.freeze({
 
 const hasWarned = {};
 function warnOnce(msg) {
-    const isNodeProd = typeof process !== 'undefined' && process.env.NODE_ENV === 'production';
+    const isNodeProd = typeof process !== 'undefined' && ({}).NODE_ENV === 'production';
     if (!isNodeProd && !false && !hasWarned[msg]) {
         hasWarned[msg] = true;
         warn(msg);
@@ -45771,7 +45557,8 @@ function compileTemplate(options) {
     const preprocessor = preprocessLang
         ? preprocessCustomRequire
             ? preprocessCustomRequire(preprocessLang)
-            : require('consolidate')[preprocessLang]
+            : undefined
+                
         : false;
     if (preprocessor) {
         try {
@@ -45912,21 +45699,18 @@ function patchErrors(errors, source, inMap) {
     });
 }
 
-const env$1 = process.env;
+const env = ({});
 
-const isDisabled = "NO_COLOR" in env$1;
-const isForced = "FORCE_COLOR" in env$1;
-const isWindows = process.platform === "win32";
+const isDisabled = "NO_COLOR" in env;
+const isForced = "FORCE_COLOR" in env;
+const isWindows = "" === "win32";
 
 const isCompatibleTerminal =
-    process.stdout != null &&
-    process.stdout.isTTY &&
-    env$1.TERM &&
-    env$1.TERM !== "dumb";
+    null != null   ;
 
 const isCI =
-    "CI" in env$1 &&
-    ("GITHUB_ACTIONS" in env$1 || "GITLAB_CI" in env$1 || "CIRCLECI" in env$1);
+    "CI" in env &&
+    ("GITHUB_ACTIONS" in env || "GITLAB_CI" in env || "CIRCLECI" in env);
 
 let enabled =
     !isDisabled && (isForced || isWindows || isCompatibleTerminal || isCI);
@@ -52869,7 +52653,7 @@ class LazyResult$2 {
         error.plugin = plugin.postcssPlugin;
         error.setMessage();
       } else if (plugin.postcssVersion) {
-        if (browser$1.env.NODE_ENV !== 'production') {
+        if (({}).NODE_ENV !== 'production') {
           let pluginName = plugin.postcssPlugin;
           let pluginVer = plugin.postcssVersion;
           let runtimeVer = this.result.processor.version;
@@ -58919,7 +58703,7 @@ function hasDefaultExport(input) {
 const TO_VAR_SYMBOL = '$';
 const TO_REF_SYMBOL = '$$';
 const shorthands = ['ref', 'computed', 'shallowRef'];
-const transformCheckRE = /[^\w]\$(?:\$|ref|computed|shallowRef)?\(/;
+const transformCheckRE = /[^\w]\$(?:\$|ref|computed|shallowRef)?\s*(\(|\<)/;
 function shouldTransform(src) {
     return transformCheckRE.test(src);
 }
@@ -59128,7 +58912,7 @@ function transformAST(ast, s, offset = 0, knownRootVars) {
         }
     }
     function checkRefId(scope, id, parent, parentStack) {
-        if (id.name in scope) {
+        if (hasOwn(scope, id.name)) {
             if (scope[id.name]) {
                 if (isStaticProperty(parent) && parent.shorthand) {
                     // let binding used in a property shorthand
@@ -59243,7 +59027,7 @@ function warnExperimental() {
         `You can follow the proposal's status at ${RFC_LINK}.`);
 }
 function warnOnce$2(msg) {
-    const isNodeProd = typeof process !== 'undefined' && process.env.NODE_ENV === 'production';
+    const isNodeProd = typeof process !== 'undefined' && ({}).NODE_ENV === 'production';
     if (!isNodeProd && !false && !hasWarned$1[msg]) {
         hasWarned$1[msg] = true;
         warn$1(msg);
@@ -59454,6 +59238,10 @@ function compileScript(sfc, options) {
                     `${DEFINE_PROPS} declaration.`, node);
             }
             propsRuntimeDefaults = node.arguments[1];
+            if (!propsRuntimeDefaults ||
+                propsRuntimeDefaults.type !== 'ObjectExpression') {
+                error(`The 2nd argument of ${WITH_DEFAULTS} must be an object literal.`, propsRuntimeDefaults || node);
+            }
         }
         else {
             error(`${WITH_DEFAULTS}' first argument must be a ${DEFINE_PROPS} call.`, node.arguments[0] || node);
@@ -59504,7 +59292,10 @@ function compileScript(sfc, options) {
                     return isQualifiedType(node.declaration);
                 }
             };
-            for (const node of scriptSetupAst.body) {
+            const body = scriptAst
+                ? [...scriptSetupAst.body, ...scriptAst.body]
+                : scriptSetupAst.body;
+            for (const node of body) {
                 const qualified = isQualifiedType(node);
                 if (qualified) {
                     return qualified;
@@ -59544,17 +59335,24 @@ function compileScript(sfc, options) {
         s.overwrite(node.start + startOffset, node.argument.start + startOffset, `${isStatement ? `;` : ``}(([__temp,__restore]=${helper(`withAsyncContext`)}(()=>(`);
         s.appendLeft(node.end + startOffset, `))),__temp=await __temp,__restore()${isStatement ? `` : `,__temp`})`);
     }
+    /**
+     * check defaults. If the default object is an object literal with only
+     * static properties, we can directly generate more optimzied default
+     * declarations. Otherwise we will have to fallback to runtime merging.
+     */
+    function checkStaticDefaults() {
+        return (propsRuntimeDefaults &&
+            propsRuntimeDefaults.type === 'ObjectExpression' &&
+            propsRuntimeDefaults.properties.every(node => (node.type === 'ObjectProperty' && !node.computed) ||
+                node.type === 'ObjectMethod'));
+    }
     function genRuntimeProps(props) {
         const keys = Object.keys(props);
         if (!keys.length) {
             return ``;
         }
-        // check defaults. If the default object is an object literal with only
-        // static properties, we can directly generate more optimzied default
-        // decalrations. Otherwise we will have to fallback to runtime merging.
-        const hasStaticDefaults = propsRuntimeDefaults &&
-            propsRuntimeDefaults.type === 'ObjectExpression' &&
-            propsRuntimeDefaults.properties.every(node => node.type === 'ObjectProperty' && !node.computed);
+        const hasStaticDefaults = checkStaticDefaults();
+        const scriptSetupSource = scriptSetup.content;
         let propsDecls = `{
     ${keys
             .map(key => {
@@ -59562,8 +59360,13 @@ function compileScript(sfc, options) {
             if (hasStaticDefaults) {
                 const prop = propsRuntimeDefaults.properties.find((node) => node.key.name === key);
                 if (prop) {
-                    // prop has corresponding static default value
-                    defaultString = `default: ${source.slice(prop.value.start + startOffset, prop.value.end + startOffset)}`;
+                    if (prop.type === 'ObjectProperty') {
+                        // prop has corresponding static default value
+                        defaultString = `default: ${scriptSetupSource.slice(prop.value.start, prop.value.end)}`;
+                    }
+                    else {
+                        defaultString = `default() ${scriptSetupSource.slice(prop.body.start, prop.body.end)}`;
+                    }
                 }
             }
             {
@@ -59575,7 +59378,38 @@ function compileScript(sfc, options) {
         if (propsRuntimeDefaults && !hasStaticDefaults) {
             propsDecls = `${helper('mergeDefaults')}(${propsDecls}, ${source.slice(propsRuntimeDefaults.start + startOffset, propsRuntimeDefaults.end + startOffset)})`;
         }
-        return `\n  props: ${propsDecls} as unknown as undefined,`;
+        return `\n  props: ${propsDecls},`;
+    }
+    function genSetupPropsType(node) {
+        const scriptSetupSource = scriptSetup.content;
+        if (checkStaticDefaults()) {
+            // if withDefaults() is used, we need to remove the optional flags
+            // on props that have default values
+            let res = `{ `;
+            const members = node.type === 'TSTypeLiteral' ? node.members : node.body;
+            for (const m of members) {
+                if ((m.type === 'TSPropertySignature' ||
+                    m.type === 'TSMethodSignature') &&
+                    m.typeAnnotation &&
+                    m.key.type === 'Identifier') {
+                    if (propsRuntimeDefaults.properties.some((p) => p.key.name === m.key.name)) {
+                        res +=
+                            m.key.name +
+                                (m.type === 'TSMethodSignature' ? '()' : '') +
+                                scriptSetupSource.slice(m.typeAnnotation.start, m.typeAnnotation.end) +
+                                ', ';
+                    }
+                    else {
+                        res +=
+                            scriptSetupSource.slice(m.start, m.typeAnnotation.end) + `, `;
+                    }
+                }
+            }
+            return (res.length ? res.slice(0, -2) : res) + ` }`;
+        }
+        else {
+            return scriptSetupSource.slice(node.start, node.end);
+        }
     }
     // 1. process normal <script> first if it exists
     let scriptAst;
@@ -59772,7 +59606,7 @@ function compileScript(sfc, options) {
                 }
             }
         }
-        // walk decalrations to record declared bindings
+        // walk declarations to record declared bindings
         if ((node.type === 'VariableDeclaration' ||
             node.type === 'FunctionDeclaration' ||
             node.type === 'ClassDeclaration') &&
@@ -59895,17 +59729,20 @@ function compileScript(sfc, options) {
     // 9. finalize setup() argument signature
     let args = `__props`;
     if (propsTypeDecl) {
-        args += `: ${scriptSetup.content.slice(propsTypeDecl.start, propsTypeDecl.end)}`;
+        // mark as any and only cast on assignment
+        // since the user defined complex types may be incompatible with the
+        // inferred type from generated runtime declarations
+        args += `: any`;
     }
     // inject user assignment of props
     // we use a default __props so that template expressions referencing props
     // can use it directly
     if (propsIdentifier) {
-        s.prependRight(startOffset, `\nconst ${propsIdentifier} = __props`);
+        s.prependRight(startOffset, `\nconst ${propsIdentifier} = __props${propsTypeDecl ? ` as ${genSetupPropsType(propsTypeDecl)}` : ``}`);
     }
     // inject temp variables for async context preservation
     if (hasAwait) {
-        const any = isTS ? `:any` : ``;
+        const any = isTS ? `: any` : ``;
         s.prependRight(startOffset, `\nlet __temp${any}, __restore${any}\n`);
     }
     const destructureElements = hasDefineExposeCall || !options.inlineTemplate ? [`expose`] : [];
@@ -60019,10 +59856,10 @@ function compileScript(sfc, options) {
         // this allows `import { setup } from '*.vue'` for testing purposes.
         if (defaultExport) {
             s.prependLeft(startOffset, `\n${hasAwait ? `async ` : ``}function setup(${args}) {\n`);
-            s.append(`\nexport default ${helper(`defineComponent`)}({${def}${runtimeOptions}\n  setup})`);
+            s.append(`\nexport default /*#__PURE__*/${helper(`defineComponent`)}({${def}${runtimeOptions}\n  setup})`);
         }
         else {
-            s.prependLeft(startOffset, `\nexport default ${helper(`defineComponent`)}({${def}${runtimeOptions}\n  ${hasAwait ? `async ` : ``}setup(${args}) {\n${exposeCall}`);
+            s.prependLeft(startOffset, `\nexport default /*#__PURE__*/${helper(`defineComponent`)}({${def}${runtimeOptions}\n  ${hasAwait ? `async ` : ``}setup(${args}) {\n${exposeCall}`);
             s.appendRight(endOffset, `})`);
         }
     }
@@ -60246,6 +60083,7 @@ function inferRuntimeType(node, declaredTypes) {
                     case 'Map':
                     case 'WeakSet':
                     case 'WeakMap':
+                    case 'Date':
                         return [node.typeName.name];
                     case 'Record':
                     case 'Partial':
@@ -60313,7 +60151,7 @@ function genRuntimeEmits(emits) {
     return emits.size
         ? `\n  emits: [${Array.from(emits)
             .map(p => JSON.stringify(p))
-            .join(', ')}] as unknown as undefined,`
+            .join(', ')}],`
         : ``;
 }
 function isCallOf(node, test) {

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.2.5",
+  "version": "3.2.9",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
+  "module": "dist/compiler-sfc.esm-browser.js",
   "types": "dist/compiler-sfc.d.ts",
   "files": [
     "dist"
@@ -34,11 +35,11 @@
     "@babel/parser": "^7.15.0",
     "@babel/types": "^7.15.0",
     "@types/estree": "^0.0.48",
-    "@vue/compiler-core": "3.2.5",
-    "@vue/compiler-dom": "3.2.5",
-    "@vue/compiler-ssr": "3.2.5",
-    "@vue/ref-transform": "3.2.5",
-    "@vue/shared": "3.2.5",
+    "@vue/compiler-core": "3.2.9",
+    "@vue/compiler-dom": "3.2.9",
+    "@vue/compiler-ssr": "3.2.9",
+    "@vue/ref-transform": "3.2.9",
+    "@vue/shared": "3.2.9",
     "consolidate": "^0.16.0",
     "estree-walker": "^2.0.2",
     "hash-sum": "^2.0.0",