@vue/compiler-sfc 3.4.0-rc.1 → 3.4.0-rc.3

package/dist/compiler-sfc.cjs.js

@@ -2019,7 +2019,7 @@ function generateSourceMap(filename, source, generated, sourceRoot, lineOffset,
             generatedLine,
             generatedColumn: i,
             source: filename,
-            // @ts-ignore
+            // @ts-expect-error
             name: null
           });
         }
@@ -17862,7 +17862,7 @@ function innerResolveTypeElements(ctx, node, scope, typeParameters) {
             );
           }
           if (
-            // @ts-ignore
+            // @ts-expect-error
             SupportedBuiltinsSet.has(typeName)
           ) {
             return resolveBuiltin(
@@ -17964,7 +17964,7 @@ function mergeElements(maps, type) {
           baseProps[key].key,
           {
             type,
-            // @ts-ignore
+            // @ts-expect-error
             types: [baseProps[key], props[key]]
           },
           baseProps[key]._ownerScope,
@@ -19094,33 +19094,38 @@ function processDefineModel(ctx, node, declId) {
   if (ctx.modelDecls[modelName]) {
     ctx.error(`duplicate model name ${JSON.stringify(modelName)}`, node);
   }
-  const optionsString = options && ctx.getString(options);
-  ctx.modelDecls[modelName] = {
-    type,
-    options: optionsString,
-    identifier: declId && declId.type === "Identifier" ? declId.name : void 0
-  };
-  ctx.bindingMetadata[modelName] = "props";
+  let optionsString = options && ctx.getString(options);
   let runtimeOptions = "";
+  let transformOptions = "";
   if (options) {
     if (options.type === "ObjectExpression") {
-      const local = options.properties.find(
-        (p) => p.type === "ObjectProperty" && (p.key.type === "Identifier" && p.key.name === "local" || p.key.type === "StringLiteral" && p.key.value === "local")
-      );
-      if (local) {
-        runtimeOptions = `{ ${ctx.getString(local)} }`;
-      } else {
-        for (const p of options.properties) {
-          if (p.type === "SpreadElement" || p.computed) {
-            runtimeOptions = optionsString;
-            break;
-          }
+      for (let i = options.properties.length - 1; i >= 0; i--) {
+        const p = options.properties[i];
+        if (p.type === "SpreadElement" || p.computed) {
+          runtimeOptions = optionsString;
+          break;
         }
+        if ((p.type === "ObjectProperty" || p.type === "ObjectMethod") && (p.key.type === "Identifier" && (p.key.name === "get" || p.key.name === "set") || p.key.type === "StringLiteral" && (p.key.value === "get" || p.key.value === "set"))) {
+          transformOptions = ctx.getString(p) + ", " + transformOptions;
+          const offset = p.start - options.start;
+          const next = options.properties[i + 1];
+          const end = (next ? next.start : options.end - 1) - options.start;
+          optionsString = optionsString.slice(0, offset) + optionsString.slice(end);
+        }
+      }
+      if (!runtimeOptions && transformOptions) {
+        runtimeOptions = `{ ${transformOptions} }`;
       }
     } else {
       runtimeOptions = optionsString;
     }
   }
+  ctx.modelDecls[modelName] = {
+    type,
+    options: optionsString,
+    identifier: declId && declId.type === "Identifier" ? declId.name : void 0
+  };
+  ctx.bindingMetadata[modelName] = "props";
   ctx.s.overwrite(
     ctx.startOffset + node.start,
     ctx.startOffset + node.end,
@@ -19158,6 +19163,11 @@ function genModelProps(ctx) {
     }
     modelPropsDecl += `
     ${JSON.stringify(name)}: ${decl},`;
+    const modifierPropName = JSON.stringify(
+      name === "modelValue" ? `modelModifiers` : `${name}Modifiers`
+    );
+    modelPropsDecl += `
+    ${modifierPropName}: {},`;
   }
   return `{${modelPropsDecl}
   }`;
@@ -20567,8 +20577,12 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.4.0-rc.1";
+const version = "3.4.0-rc.3";
 const parseCache = parseCache$1;
+const errorMessages = {
+  ...CompilerDOM.errorMessages,
+  ...CompilerDOM.DOMErrorMessages
+};
 const walk = estreeWalker.walk;
 const shouldTransformRef = () => false;
 
@@ -20583,6 +20597,7 @@ exports.compileScript = compileScript;
 exports.compileStyle = compileStyle;
 exports.compileStyleAsync = compileStyleAsync;
 exports.compileTemplate = compileTemplate;
+exports.errorMessages = errorMessages;
 exports.extractRuntimeEmits = extractRuntimeEmits;
 exports.extractRuntimeProps = extractRuntimeProps;
 exports.inferRuntimeType = inferRuntimeType;

package/dist/compiler-sfc.d.ts

@@ -221,7 +221,7 @@ export interface SFCParseResult {
     descriptor: SFCDescriptor;
     errors: (CompilerError | SyntaxError)[];
 }
-export declare function parse(source: string, { sourceMap, filename, sourceRoot, pad, ignoreEmpty, compiler, parseExpressions }?: SFCParseOptions): SFCParseResult;
+export declare function parse(source: string, { sourceMap, filename, sourceRoot, pad, ignoreEmpty, compiler, parseExpressions, }?: SFCParseOptions): SFCParseResult;
 
 type PreprocessLang = 'less' | 'sass' | 'scss' | 'styl' | 'stylus';
 
@@ -468,6 +468,61 @@ export declare function extractRuntimeEmits(ctx: TypeResolveContext): Set<string
 export declare const version: string;
 
 export declare const parseCache: Map<string, SFCParseResult>;
+export declare const errorMessages: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    13: string;
+    14: string;
+    15: string;
+    16: string;
+    17: string;
+    18: string;
+    19: string;
+    20: string;
+    21: string;
+    22: string;
+    23: string;
+    24: string;
+    25: string;
+    26: string;
+    27: string;
+    28: string;
+    29: string;
+    30: string;
+    31: string;
+    32: string;
+    33: string;
+    34: string;
+    35: string;
+    36: string;
+    37: string;
+    38: string;
+    39: string;
+    40: string;
+    41: string;
+    42: string;
+    43: string;
+    44: string;
+    45: string;
+    46: string;
+    47: string;
+    48: string;
+    49: string;
+    50: string;
+    51: string;
+    52: string;
+};
 
 export declare const walk: any;
 

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

@@ -2150,7 +2150,7 @@ function defaultOnWarn(msg) {
   console.warn(`[Vue warn] ${msg.message}`);
 }
 function createCompilerError(code, loc, messages, additionalMessage) {
-  const msg = (messages || errorMessages)[code] + (additionalMessage || ``) ;
+  const msg = (messages || errorMessages$1)[code] + (additionalMessage || ``) ;
   const error = new SyntaxError(String(msg));
   error.code = code;
   error.loc = loc;
@@ -2264,7 +2264,7 @@ const ErrorCodes = {
   "__EXTEND_POINT__": 52,
   "52": "__EXTEND_POINT__"
 };
-const errorMessages = {
+const errorMessages$1 = {
   // parse errors
   [0]: "Illegal comment.",
   [1]: "CDATA section is allowed only in XML context.",
@@ -18752,7 +18752,6 @@ function createRootCodegen(root, context) {
       true,
       void 0,
       false
-      /* isComponent */
     );
   } else ;
 }
@@ -22264,7 +22263,7 @@ function createCodegenContext(ast, {
       generatedLine: context.line,
       generatedColumn: context.column - 1,
       source: filename,
-      // @ts-ignore it is possible to be null
+      // @ts-expect-error it is possible to be null
       name
     });
   }
@@ -23457,7 +23456,6 @@ const transformFor = createStructuralDirectiveTransform(
             true,
             void 0,
             false
-            /* isComponent */
           );
         } else {
           childBlock = children[0].codegenNode;
@@ -23514,7 +23512,6 @@ const transformFor = createStructuralDirectiveTransform(
               createForLoopParams(forNode.parseResult),
               childBlock,
               true
-              /* force newline */
             )
           );
         }
@@ -23772,13 +23769,15 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
               createForLoopParams(parseResult),
               buildDynamicSlot(slotName, slotFunction),
               true
-              /* force newline */
             )
           ])
         );
       } else {
         context.onError(
-          createCompilerError(32, vFor.loc)
+          createCompilerError(
+            32,
+            vFor.loc
+          )
         );
       }
     } else {
@@ -25778,7 +25777,7 @@ var CompilerDOM = /*#__PURE__*/Object.freeze({
   createTemplateLiteral: createTemplateLiteral,
   createTransformContext: createTransformContext,
   createVNodeCall: createVNodeCall,
-  errorMessages: errorMessages,
+  errorMessages: errorMessages$1,
   extractIdentifiers: extractIdentifiers$1,
   findDir: findDir,
   findProp: findProp,
@@ -26851,7 +26850,7 @@ function generateSourceMap(filename, source, generated, sourceRoot, lineOffset,
             generatedLine,
             generatedColumn: i,
             source: filename,
-            // @ts-ignore
+            // @ts-expect-error
             name: null
           });
         }
@@ -30834,21 +30833,21 @@ function parseUriParts(urlString) {
   return urlParse(isString$2(urlString) ? urlString : "", false, true);
 }
 
-var __defProp$8 = Object.defineProperty;
+var __defProp$9 = Object.defineProperty;
 var __defProps$8 = Object.defineProperties;
 var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
@@ -30866,11 +30865,11 @@ const defaultAssetUrlOptions = {
 };
 const normalizeOptions = (options) => {
   if (Object.keys(options).some((key) => isArray$3(options[key]))) {
-    return __spreadProps$8(__spreadValues$8({}, defaultAssetUrlOptions), {
+    return __spreadProps$8(__spreadValues$9({}, defaultAssetUrlOptions), {
       tags: options
     });
   }
-  return __spreadValues$8(__spreadValues$8({}, defaultAssetUrlOptions), options);
+  return __spreadValues$9(__spreadValues$9({}, defaultAssetUrlOptions), options);
 };
 const createAssetUrlTransformWithOptions = (options) => {
   return (node, context) => transformAssetUrl(node, context, options);
@@ -31367,7 +31366,6 @@ const ssrTransformElement = (node, context) => {
         false,
         false,
         true
-        /* ssr */
       );
       if (props || directives.length) {
         const mergedProps = buildSSRProps(props, directives, context);
@@ -31503,7 +31501,6 @@ const ssrTransformElement = (node, context) => {
                         createSimpleExpression(" " + attrName, true),
                         createSimpleExpression("", true),
                         false
-                        /* no newline */
                       )
                     );
                   } else if (isSSRSafeAttrName(attrName)) {
@@ -31649,7 +31646,6 @@ function ssrTransformTransitionGroup(node, context) {
         true,
         false,
         true
-        /* ssr (skip event listeners) */
       );
       let propsExp = null;
       if (props || directives.length) {
@@ -31730,21 +31726,21 @@ function ssrProcessTransition(node, context) {
   }
 }
 
-var __defProp$7 = Object.defineProperty;
+var __defProp$8 = Object.defineProperty;
 var __defProps$7 = Object.defineProperties;
 var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
@@ -31872,7 +31868,6 @@ function ssrProcessComponent(node, context, parent) {
           context,
           false,
           true
-          /* withSlotScopeId */
         ),
         vnodeBranch
       );
@@ -31892,16 +31887,16 @@ function ssrProcessComponent(node, context, parent) {
 const rawOptionsMap = /* @__PURE__ */ new WeakMap();
 const [baseNodeTransforms, baseDirectiveTransforms] = getBaseTransformPreset(true);
 const vnodeNodeTransforms = [...baseNodeTransforms, ...DOMNodeTransforms];
-const vnodeDirectiveTransforms = __spreadValues$7(__spreadValues$7({}, baseDirectiveTransforms), DOMDirectiveTransforms);
+const vnodeDirectiveTransforms = __spreadValues$8(__spreadValues$8({}, baseDirectiveTransforms), DOMDirectiveTransforms);
 function createVNodeSlotBranch(slotProps, vFor, children, parentContext) {
   const rawOptions = rawOptionsMap.get(parentContext.root);
-  const subOptions = __spreadProps$7(__spreadValues$7({}, rawOptions), {
+  const subOptions = __spreadProps$7(__spreadValues$8({}, rawOptions), {
     // overwrite with vnode-based transforms
     nodeTransforms: [
       ...vnodeNodeTransforms,
       ...rawOptions.nodeTransforms || []
     ],
-    directiveTransforms: __spreadValues$7(__spreadValues$7({}, vnodeDirectiveTransforms), rawOptions.directiveTransforms || {})
+    directiveTransforms: __spreadValues$8(__spreadValues$8({}, vnodeDirectiveTransforms), rawOptions.directiveTransforms || {})
   });
   const wrapperProps = [];
   if (slotProps) {
@@ -31934,8 +31929,8 @@ function subTransform(node, options, parentContext) {
   const childRoot = createRoot([node]);
   const childContext = createTransformContext(childRoot, options);
   childContext.ssr = false;
-  childContext.scopes = __spreadValues$7({}, parentContext.scopes);
-  childContext.identifiers = __spreadValues$7({}, parentContext.identifiers);
+  childContext.scopes = __spreadValues$8({}, parentContext.scopes);
+  childContext.identifiers = __spreadValues$8({}, parentContext.identifiers);
   childContext.imports = parentContext.imports;
   traverseNode(childRoot, childContext);
   ["helpers", "components", "directives"].forEach((key) => {
@@ -32078,7 +32073,9 @@ function processChildren(parent, context, asFragment = false, disableNestedFragm
         break;
       case 5:
         context.pushStringPart(
-          createCallExpression(context.helper(SSR_INTERPOLATE), [child.content])
+          createCallExpression(context.helper(SSR_INTERPOLATE), [
+            child.content
+          ])
         );
         break;
       case 9:
@@ -32148,7 +32145,6 @@ const ssrTransformModel = (dir, node, context) => {
             createSimpleExpression(" selected", true),
             createSimpleExpression("", true),
             false
-            /* no newline */
           )
         );
       }
@@ -32283,7 +32279,6 @@ const ssrTransformShow = (dir, node, context) => {
             )
           ]),
           false
-          /* no newline */
         )
       )
     ]
@@ -32384,27 +32379,27 @@ function injectCssVars(node) {
   }
 }
 
-var __defProp$6 = Object.defineProperty;
+var __defProp$7 = Object.defineProperty;
 var __defProps$6 = Object.defineProperties;
 var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 function compile(source, options = {}) {
-  options = __spreadProps$6(__spreadValues$6(__spreadValues$6({}, options), parserOptions), {
+  options = __spreadProps$6(__spreadValues$7(__spreadValues$7({}, options), parserOptions), {
     ssr: true,
     inSSR: true,
     scopeId: options.mode === "function" ? null : options.scopeId,
@@ -32416,7 +32411,7 @@ function compile(source, options = {}) {
   });
   const ast = typeof source === "string" ? baseParse(source, options) : source;
   rawOptionsMap.set(ast, options);
-  transform(ast, __spreadProps$6(__spreadValues$6({}, options), {
+  transform(ast, __spreadProps$6(__spreadValues$7({}, options), {
     hoistStatic: false,
     nodeTransforms: [
       ssrTransformIf,
@@ -32433,7 +32428,7 @@ function compile(source, options = {}) {
       ...options.nodeTransforms || []
       // user transforms
     ],
-    directiveTransforms: __spreadValues$6({
+    directiveTransforms: __spreadValues$7({
       // reusing core v-bind
       bind: transformBind,
       on: transformOn$1,
@@ -32484,21 +32479,21 @@ function warn(msg) {
   );
 }
 
-var __defProp$5 = Object.defineProperty;
+var __defProp$6 = Object.defineProperty;
 var __defProps$5 = Object.defineProperties;
 var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
@@ -32508,7 +32503,7 @@ function preprocess$1({ source, filename, preprocessOptions }, preprocessor) {
   let err = null;
   preprocessor.render(
     source,
-    __spreadValues$5({ filename }, preprocessOptions),
+    __spreadValues$6({ filename }, preprocessOptions),
     (_err, _res) => {
       if (_err)
         err = _err;
@@ -32529,7 +32524,7 @@ function compileTemplate(options) {
   const preprocessor = preprocessLang ? preprocessCustomRequire ? preprocessCustomRequire(preprocessLang) : void 0  : false;
   if (preprocessor) {
     try {
-      return doCompileTemplate(__spreadProps$5(__spreadValues$5({}, options), {
+      return doCompileTemplate(__spreadProps$5(__spreadValues$6({}, options), {
         source: preprocess$1(options, preprocessor),
         ast: void 0
         // invalidate AST if template goes through preprocessor
@@ -32610,7 +32605,7 @@ function doCompileTemplate({
     );
     inAST = createRoot(template.children, inAST.source);
   }
-  let { code, ast, preamble, map } = compiler.compile(inAST || source, __spreadProps$5(__spreadValues$5({
+  let { code, ast, preamble, map } = compiler.compile(inAST || source, __spreadProps$5(__spreadValues$6({
     mode: "module",
     prefixIdentifiers: true,
     hoistStatic: true,
@@ -43915,28 +43910,28 @@ function merge(oldMap, newMap) {
 
 var merge$1 = /*@__PURE__*/getDefaultExportFromCjs(mergeSourceMap);
 
-var __defProp$4 = Object.defineProperty;
+var __defProp$5 = Object.defineProperty;
 var __defProps$4 = Object.defineProperties;
 var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 const scss = (source, map, options, load = require) => {
   const nodeSass = load("sass");
-  const finalOptions = __spreadProps$4(__spreadValues$4({}, options), {
+  const finalOptions = __spreadProps$4(__spreadValues$5({}, options), {
     data: getSource(source, options.filename, options.additionalData),
     file: options.filename,
     outFile: options.filename,
@@ -43964,7 +43959,7 @@ const scss = (source, map, options, load = require) => {
 const sass = (source, map, options, load) => scss(
   source,
   map,
-  __spreadProps$4(__spreadValues$4({}, options), {
+  __spreadProps$4(__spreadValues$5({}, options), {
     indentedSyntax: true
   }),
   load
@@ -43975,7 +43970,7 @@ const less = (source, map, options, load = require) => {
   let error = null;
   nodeLess.render(
     getSource(source, options.filename, options.additionalData),
-    __spreadProps$4(__spreadValues$4({}, options), { syncImport: true }),
+    __spreadProps$4(__spreadValues$5({}, options), { syncImport: true }),
     (err, output) => {
       error = err;
       result = output;
@@ -44035,32 +44030,32 @@ const processors = {
   stylus: styl
 };
 
-var __defProp$3 = Object.defineProperty;
+var __defProp$4 = Object.defineProperty;
 var __defProps$3 = Object.defineProperties;
 var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 function compileStyle(options) {
-  return doCompileStyle(__spreadProps$3(__spreadValues$3({}, options), {
+  return doCompileStyle(__spreadProps$3(__spreadValues$4({}, options), {
     isAsync: false
   }));
 }
 function compileStyleAsync(options) {
-  return doCompileStyle(__spreadProps$3(__spreadValues$3({}, options), {
+  return doCompileStyle(__spreadProps$3(__spreadValues$4({}, options), {
     isAsync: true
   }));
 }
@@ -44099,7 +44094,7 @@ function doCompileStyle(options) {
       );
     }
   }
-  const postCSSOptions = __spreadProps$3(__spreadValues$3({}, postcssOptions), {
+  const postCSSOptions = __spreadProps$3(__spreadValues$4({}, postcssOptions), {
     to: filename,
     from: filename
   });
@@ -44170,7 +44165,7 @@ function preprocess(options, preprocessor) {
   return preprocessor(
     options.source,
     options.inMap || options.map,
-    __spreadValues$3({
+    __spreadValues$4({
       filename: options.filename
     }, options.preprocessOptions),
     options.preprocessCustomRequire
@@ -45737,21 +45732,21 @@ function specifierEnd(s, end, nodeEnd) {
   return hasCommas ? end : oldEnd;
 }
 
-var __defProp$2 = Object.defineProperty;
+var __defProp$3 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
@@ -45789,7 +45784,7 @@ function processNormalScript(ctx, scopeId) {
 export default ${defaultVar}`;
       }
     }
-    return __spreadProps$2(__spreadValues$2({}, script), {
+    return __spreadProps$2(__spreadValues$3({}, script), {
       content,
       map,
       bindings,
@@ -45800,21 +45795,21 @@ export default ${defaultVar}`;
   }
 }
 
-var __defProp$1 = Object.defineProperty;
+var __defProp$2 = Object.defineProperty;
 var __defProps$1 = Object.defineProperties;
 var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
@@ -45922,7 +45917,7 @@ function innerResolveTypeElements(ctx, node, scope, typeParameters) {
             );
           }
           if (
-            // @ts-ignore
+            // @ts-expect-error
             SupportedBuiltinsSet.has(typeName)
           ) {
             return resolveBuiltin(
@@ -46024,7 +46019,7 @@ function mergeElements(maps, type) {
           baseProps[key].key,
           {
             type,
-            // @ts-ignore
+            // @ts-expect-error
             types: [baseProps[key], props[key]]
           },
           baseProps[key]._ownerScope,
@@ -46211,7 +46206,7 @@ function resolveTemplateKeys(ctx, node, scope) {
   const resolved = resolveStringType(ctx, e, scope);
   const restResolved = resolveTemplateKeys(
     ctx,
-    __spreadProps$1(__spreadValues$1({}, node), {
+    __spreadProps$1(__spreadValues$2({}, node), {
       expressions: node.expressions.slice(1),
       quasis: q ? node.quasis.slice(1) : node.quasis
     }),
@@ -46242,14 +46237,14 @@ function resolveBuiltin(ctx, node, name, scope, typeParameters) {
     case "Partial": {
       const res2 = { props: {}, calls: t.calls };
       Object.keys(t.props).forEach((key) => {
-        res2.props[key] = __spreadProps$1(__spreadValues$1({}, t.props[key]), { optional: true });
+        res2.props[key] = __spreadProps$1(__spreadValues$2({}, t.props[key]), { optional: true });
       });
       return res2;
     }
     case "Required": {
       const res2 = { props: {}, calls: t.calls };
       Object.keys(t.props).forEach((key) => {
-        res2.props[key] = __spreadProps$1(__spreadValues$1({}, t.props[key]), { optional: false });
+        res2.props[key] = __spreadProps$1(__spreadValues$2({}, t.props[key]), { optional: false });
       });
       return res2;
     }
@@ -47069,33 +47064,38 @@ function processDefineModel(ctx, node, declId) {
   if (ctx.modelDecls[modelName]) {
     ctx.error(`duplicate model name ${JSON.stringify(modelName)}`, node);
   }
-  const optionsString = options && ctx.getString(options);
-  ctx.modelDecls[modelName] = {
-    type,
-    options: optionsString,
-    identifier: declId && declId.type === "Identifier" ? declId.name : void 0
-  };
-  ctx.bindingMetadata[modelName] = "props";
+  let optionsString = options && ctx.getString(options);
   let runtimeOptions = "";
+  let transformOptions = "";
   if (options) {
     if (options.type === "ObjectExpression") {
-      const local = options.properties.find(
-        (p) => p.type === "ObjectProperty" && (p.key.type === "Identifier" && p.key.name === "local" || p.key.type === "StringLiteral" && p.key.value === "local")
-      );
-      if (local) {
-        runtimeOptions = `{ ${ctx.getString(local)} }`;
-      } else {
-        for (const p of options.properties) {
-          if (p.type === "SpreadElement" || p.computed) {
-            runtimeOptions = optionsString;
-            break;
-          }
+      for (let i = options.properties.length - 1; i >= 0; i--) {
+        const p = options.properties[i];
+        if (p.type === "SpreadElement" || p.computed) {
+          runtimeOptions = optionsString;
+          break;
+        }
+        if ((p.type === "ObjectProperty" || p.type === "ObjectMethod") && (p.key.type === "Identifier" && (p.key.name === "get" || p.key.name === "set") || p.key.type === "StringLiteral" && (p.key.value === "get" || p.key.value === "set"))) {
+          transformOptions = ctx.getString(p) + ", " + transformOptions;
+          const offset = p.start - options.start;
+          const next = options.properties[i + 1];
+          const end = (next ? next.start : options.end - 1) - options.start;
+          optionsString = optionsString.slice(0, offset) + optionsString.slice(end);
         }
       }
+      if (!runtimeOptions && transformOptions) {
+        runtimeOptions = `{ ${transformOptions} }`;
+      }
     } else {
       runtimeOptions = optionsString;
     }
   }
+  ctx.modelDecls[modelName] = {
+    type,
+    options: optionsString,
+    identifier: declId && declId.type === "Identifier" ? declId.name : void 0
+  };
+  ctx.bindingMetadata[modelName] = "props";
   ctx.s.overwrite(
     ctx.startOffset + node.start,
     ctx.startOffset + node.end,
@@ -47133,6 +47133,11 @@ function genModelProps(ctx) {
     }
     modelPropsDecl += `
     ${JSON.stringify(name)}: ${decl},`;
+    const modifierPropName = JSON.stringify(
+      name === "modelValue" ? `modelModifiers` : `${name}Modifiers`
+    );
+    modelPropsDecl += `
+    ${modifierPropName}: {},`;
   }
   return `{${modelPropsDecl}
   }`;
@@ -47766,21 +47771,21 @@ function processAwait(ctx, node, needSemi, isStatement) {
   );
 }
 
-var __defProp = Object.defineProperty;
+var __defProp$1 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
@@ -48231,7 +48236,7 @@ let __temp${any}, __restore${any}
   }
   let returned;
   if (!options.inlineTemplate || !sfc.template && ctx.hasDefaultExportRender) {
-    const allBindings = __spreadValues(__spreadValues({}, scriptBindings), setupBindings);
+    const allBindings = __spreadValues$1(__spreadValues$1({}, scriptBindings), setupBindings);
     for (const key in ctx.userImports) {
       if (!ctx.userImports[key].isType && ctx.userImports[key].isUsedInTemplate) {
         allBindings[key] = true;
@@ -48254,7 +48259,7 @@ let __temp${any}, __restore${any}
       if (options.templateOptions && options.templateOptions.ssr) {
         hasInlinedSsrRenderFn = true;
       }
-      const { code, ast, preamble, tips, errors } = compileTemplate(__spreadProps(__spreadValues({
+      const { code, ast, preamble, tips, errors } = compileTemplate(__spreadProps(__spreadValues$1({
         filename,
         ast: sfc.template.ast,
         source: sfc.template.content,
@@ -48264,7 +48269,7 @@ let __temp${any}, __restore${any}
         scoped: sfc.styles.some((s) => s.scoped),
         isProd: options.isProd,
         ssrCssVars: sfc.cssVars,
-        compilerOptions: __spreadProps(__spreadValues({}, options.templateOptions && options.templateOptions.compilerOptions), {
+        compilerOptions: __spreadProps(__spreadValues$1({}, options.templateOptions && options.templateOptions.compilerOptions), {
           inline: true,
           isTS: ctx.isTS,
           bindingMetadata: ctx.bindingMetadata
@@ -48386,7 +48391,7 @@ ${exposeCall}`
 `
     );
   }
-  return __spreadProps(__spreadValues({}, scriptSetup), {
+  return __spreadProps(__spreadValues$1({}, scriptSetup), {
     bindings: ctx.bindingMetadata,
     imports: ctx.userImports,
     content: ctx.s.toString(),
@@ -48556,9 +48561,26 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.4.0-rc.1";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const version = "3.4.0-rc.3";
 const parseCache = parseCache$1;
+const errorMessages = __spreadValues(__spreadValues({}, errorMessages$1), DOMErrorMessages);
 const walk = walk$2;
 const shouldTransformRef = () => false;
 
-export { MagicString, parse_1$1 as babelParse, compileScript, compileStyle, compileStyleAsync, compileTemplate, extractIdentifiers$1 as extractIdentifiers, extractRuntimeEmits, extractRuntimeProps, generateCodeFrame, inferRuntimeType, invalidateTypeCache, isInDestructureAssignment, isStaticProperty, parse$7 as parse, parseCache, registerTS, resolveTypeElements, rewriteDefault, rewriteDefaultAST, shouldTransformRef, version, walk, walkIdentifiers };
+export { MagicString, parse_1$1 as babelParse, compileScript, compileStyle, compileStyleAsync, compileTemplate, errorMessages, extractIdentifiers$1 as extractIdentifiers, extractRuntimeEmits, extractRuntimeProps, generateCodeFrame, inferRuntimeType, invalidateTypeCache, isInDestructureAssignment, isStaticProperty, parse$7 as parse, parseCache, registerTS, resolveTypeElements, rewriteDefault, rewriteDefaultAST, shouldTransformRef, version, walk, walkIdentifiers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.4.0-rc.1",
+  "version": "3.4.0-rc.3",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -37,10 +37,10 @@
     "magic-string": "^0.30.5",
     "postcss": "^8.4.32",
     "source-map-js": "^1.0.2",
-    "@vue/compiler-core": "3.4.0-rc.1",
-    "@vue/compiler-ssr": "3.4.0-rc.1",
-    "@vue/compiler-dom": "3.4.0-rc.1",
-    "@vue/shared": "3.4.0-rc.1"
+    "@vue/compiler-dom": "3.4.0-rc.3",
+    "@vue/compiler-core": "3.4.0-rc.3",
+    "@vue/shared": "3.4.0-rc.3",
+    "@vue/compiler-ssr": "3.4.0-rc.3"
   },
   "devDependencies": {
     "@babel/types": "^7.23.6",