@vue/compiler-sfc 3.3.8 → 3.3.9

package/README.md

@@ -4,7 +4,7 @@
 
 **Note: as of 3.2.13+, this package is included as a dependency of the main `vue` package and can be accessed as `vue/compiler-sfc`. This means you no longer need to explicitly install this package and ensure its version match that of `vue`'s. Just use the main `vue/compiler-sfc` deep import instead.**
 
-This package contains lower level utilities that you can use if you are writing a plugin / transform for a bundler or module system that compiles Vue Single File Components (SFCs) into JavaScript. It is used in [vue-loader](https://github.com/vuejs/vue-loader), [rollup-plugin-vue](https://github.com/vuejs/rollup-plugin-vue) and [vite](https://github.com/vitejs/vite).
+This package contains lower level utilities that you can use if you are writing a plugin / transform for a bundler or module system that compiles Vue Single File Components (SFCs) into JavaScript. It is used in [vue-loader](https://github.com/vuejs/vue-loader) and [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue).
 
 ## API
 
@@ -77,4 +77,4 @@ export default script
 
 Options needed for these APIs can be passed via the query string.
 
-For detailed API references and options, check out the source type definitions. For actual usage of these APIs, check out [rollup-plugin-vue](https://github.com/vuejs/rollup-plugin-vue/tree/next) or [vue-loader](https://github.com/vuejs/vue-loader/tree/next).
+For detailed API references and options, check out the source type definitions. For actual usage of these APIs, check out [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue) or [vue-loader](https://github.com/vuejs/vue-loader/tree/next).

package/dist/compiler-sfc.cjs.js

@@ -16,6 +16,7 @@ var require$$0$1 = require('postcss');
 var estreeWalker = require('estree-walker');
 var reactivityTransform = require('@vue/reactivity-transform');
 var MagicString = require('magic-string');
+var process$1 = require('process');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -30,6 +31,7 @@ function _interopNamespaceDefault(e) {
 
 var CompilerDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(CompilerDOM);
 var CompilerSSR__namespace = /*#__PURE__*/_interopNamespaceDefault(CompilerSSR);
+var process__namespace = /*#__PURE__*/_interopNamespaceDefault(process$1);
 
 const UNKNOWN_TYPE = "Unknown";
 function resolveObjectKey(node, computed) {
@@ -87,9 +89,13 @@ function normalizePath(p) {
   return normalize(p.replace(windowsSlashRE, "/"));
 }
 const joinPaths = (path$3.posix || path$3).join;
-const escapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
-function getEscapedKey(key) {
-  return escapeSymbolsRE.test(key) ? JSON.stringify(key) : key;
+const propNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~\-]/;
+function getEscapedPropName(key) {
+  return propNameEscapeSymbolsRE.test(key) ? JSON.stringify(key) : key;
+}
+const cssVarNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
+function getEscapedCssVarName(key) {
+  return key.replace(cssVarNameEscapeSymbolsRE, (s) => `\\${s}`);
 }
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -180,7 +186,7 @@ function genVarName(id, raw, isProd) {
   if (isProd) {
     return hash$1(id + raw);
   } else {
-    return `${id}-${raw.replace(escapeSymbolsRE, (s) => `\\${s}`)}`;
+    return `${id}-${getEscapedCssVarName(raw)}`;
   }
 }
 function normalizeExpression(exp) {
@@ -734,6 +740,9 @@ class LRUCache {
             if (ttls[index]) {
                 const ttl = ttls[index];
                 const start = starts[index];
+                /* c8 ignore next */
+                if (!ttl || !start)
+                    return;
                 status.ttl = ttl;
                 status.start = start;
                 status.now = cachedNow || getNow();
@@ -765,16 +774,16 @@ class LRUCache {
             }
             const ttl = ttls[index];
             const start = starts[index];
-            if (ttl === 0 || start === 0) {
+            if (!ttl || !start) {
                 return Infinity;
             }
             const age = (cachedNow || getNow()) - start;
             return ttl - age;
         };
         this.#isStale = index => {
-            return (ttls[index] !== 0 &&
-                starts[index] !== 0 &&
-                (cachedNow || getNow()) - starts[index] > ttls[index]);
+            const s = starts[index];
+            const t = ttls[index];
+            return !!t && !!s && (cachedNow || getNow()) - s > t;
         };
     }
     // conditionally set private methods related to TTL
@@ -1298,12 +1307,13 @@ class LRUCache {
     peek(k, peekOptions = {}) {
         const { allowStale = this.allowStale } = peekOptions;
         const index = this.#keyMap.get(k);
-        if (index !== undefined &&
-            (allowStale || !this.#isStale(index))) {
-            const v = this.#valList[index];
-            // either stale and allowed, or forcing a refresh of non-stale value
-            return this.#isBackgroundFetch(v) ? v.__staleWhileFetching : v;
+        if (index === undefined ||
+            (!allowStale && this.#isStale(index))) {
+            return;
         }
+        const v = this.#valList[index];
+        // either stale and allowed, or forcing a refresh of non-stale value
+        return this.#isBackgroundFetch(v) ? v.__staleWhileFetching : v;
     }
     #backgroundFetch(k, index, options, context) {
         const v = index === undefined ? undefined : this.#valList[index];
@@ -1639,8 +1649,10 @@ class LRUCache {
                         this.#head = this.#next[index];
                     }
                     else {
-                        this.#next[this.#prev[index]] = this.#next[index];
-                        this.#prev[this.#next[index]] = this.#prev[index];
+                        const pi = this.#prev[index];
+                        this.#next[pi] = this.#next[index];
+                        const ni = this.#next[index];
+                        this.#prev[ni] = this.#prev[index];
                     }
                     this.#size--;
                     this.#free.push(index);
@@ -1761,7 +1773,6 @@ function resolveTemplateUsageCheckString(sfc) {
   templateUsageCheckCache.set(content, code);
   return code;
 }
-const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
 function processExp(exp, dir) {
   if (/ as\s+\w|<.*>|:/.test(exp)) {
     if (dir === "slot") {
@@ -1769,7 +1780,7 @@ function processExp(exp, dir) {
     } else if (dir === "on") {
       exp = `()=>{return ${exp}}`;
     } else if (dir === "for") {
-      const inMatch = exp.match(forAliasRE);
+      const inMatch = exp.match(CompilerDOM.forAliasRE);
       if (inMatch) {
         let [, LHS, RHS] = inMatch;
         LHS = LHS.trim().replace(/^\(|\)$/g, "");
@@ -7901,6 +7912,10 @@ function rewriteSelector(id, selector, selectorRoot, slotted = false) {
     if (n.type !== "pseudo" && n.type !== "combinator") {
       node = n;
     }
+    if (n.type === "pseudo" && (n.value === ":is" || n.value === ":where")) {
+      rewriteSelector(id, n.nodes[0], selectorRoot, slotted);
+      shouldInject = false;
+    }
   });
   if (node) {
     node.spaces.after = "";
@@ -15673,7 +15688,7 @@ function resolveParserPlugins(lang, userPlugins, dts = false) {
   }
   if (lang === "ts" || lang === "tsx") {
     plugins.push(["typescript", { dts }]);
-    if (!plugins.includes("decorators")) {
+    if (!userPlugins || !userPlugins.includes("decorators")) {
       plugins.push("decorators-legacy");
     }
   }
@@ -17907,12 +17922,16 @@ function resolveInterfaceMembers(ctx, node, scope) {
         continue;
       }
       try {
-        const { props } = resolveTypeElements(ctx, ext, scope);
+        const { props, calls } = resolveTypeElements(ctx, ext, scope);
         for (const key in props) {
           if (!shared.hasOwn(base.props, key)) {
             base.props[key] = props[key];
           }
         }
+        if (calls) {
+          ;
+          (base.calls || (base.calls = [])).push(...calls);
+        }
       } catch (e) {
         ctx.error(
           `Failed to resolve extends base type.
@@ -18244,7 +18263,11 @@ function importSourceToScope(ctx, node, scope, source) {
   }
   let resolved = scope.resolvedImportSources[source];
   if (!resolved) {
-    if (source.startsWith(".")) {
+    if (source.startsWith("..")) {
+      const osSpecificJoinFn = process__namespace.platform === "win32" ? path$3.join : joinPaths;
+      const filename = osSpecificJoinFn(path$3.dirname(scope.filename), source);
+      resolved = resolveExt(filename, fs);
+    } else if (source.startsWith(".")) {
       const filename = joinPaths(path$3.dirname(scope.filename), source);
       resolved = resolveExt(filename, fs);
     } else {
@@ -18325,7 +18348,7 @@ function resolveWithTS(containingFile, source, ts2, fs) {
     }
     tsCompilerOptions = matchedConfig.config.options;
     tsResolveCache = matchedConfig.cache || (matchedConfig.cache = ts2.createModuleResolutionCache(
-      process.cwd(),
+      process__namespace.cwd(),
       createGetCanonicalFileName(ts2.sys.useCaseSensitiveFileNames),
       tsCompilerOptions
     ));
@@ -19111,7 +19134,7 @@ function genRuntimeProps(ctx) {
       const defaults = [];
       for (const key in ctx.propsDestructuredBindings) {
         const d = genDestructuredDefaultValue(ctx, key);
-        const finalKey = getEscapedKey(key);
+        const finalKey = getEscapedPropName(key);
         if (d)
           defaults.push(
             `${finalKey}: ${d.valueString}${d.needSkipFactory ? `, __skip_${finalKey}: true` : ``}`
@@ -19203,7 +19226,7 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
       }
     }
   }
-  const finalKey = getEscapedKey(key);
+  const finalKey = getEscapedPropName(key);
   if (!ctx.options.isProd) {
     return `${finalKey}: { ${concatStrings([
       `type: ${toRuntimeTypeString(type)}`,
@@ -20461,7 +20484,7 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.3.8";
+const version = "3.3.9";
 const parseCache = parseCache$1;
 const walk = estreeWalker.walk;
 

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

@@ -66,7 +66,7 @@ const PatchFlagNames = {
   [4]: `STYLE`,
   [8]: `PROPS`,
   [16]: `FULL_PROPS`,
-  [32]: `HYDRATE_EVENTS`,
+  [32]: `NEED_HYDRATION`,
   [64]: `STABLE_FRAGMENT`,
   [128]: `KEYED_FRAGMENT`,
   [256]: `UNKEYED_FRAGMENT`,
@@ -4162,11 +4162,6 @@ function newAsyncArrowScope() {
 function newExpressionScope() {
   return new ExpressionScope();
 }
-const PARAM = 0b0000,
-  PARAM_YIELD = 0b0001,
-  PARAM_AWAIT = 0b0010,
-  PARAM_RETURN = 0b0100,
-  PARAM_IN = 0b1000;
 class ProductionParameterHandler {
   constructor() {
     this.stacks = [];
@@ -4181,20 +4176,20 @@ class ProductionParameterHandler {
     return this.stacks[this.stacks.length - 1];
   }
   get hasAwait() {
-    return (this.currentFlags() & PARAM_AWAIT) > 0;
+    return (this.currentFlags() & 2) > 0;
   }
   get hasYield() {
-    return (this.currentFlags() & PARAM_YIELD) > 0;
+    return (this.currentFlags() & 1) > 0;
   }
   get hasReturn() {
-    return (this.currentFlags() & PARAM_RETURN) > 0;
+    return (this.currentFlags() & 4) > 0;
   }
   get hasIn() {
-    return (this.currentFlags() & PARAM_IN) > 0;
+    return (this.currentFlags() & 8) > 0;
   }
 }
 function functionFlags(isAsync, isGenerator) {
-  return (isAsync ? PARAM_AWAIT : 0) | (isGenerator ? PARAM_YIELD : 0);
+  return (isAsync ? 2 : 0) | (isGenerator ? 1 : 0);
 }
 class UtilParser extends Tokenizer {
   addExtra(node, key, value, enumerable = true) {
@@ -4391,9 +4386,9 @@ class UtilParser extends Tokenizer {
     };
   }
   enterInitialScopes() {
-    let paramFlags = PARAM;
+    let paramFlags = 0;
     if (this.inModule) {
-      paramFlags |= PARAM_AWAIT;
+      paramFlags |= 2;
     }
     this.scope.enter(1);
     this.prodParam.enter(paramFlags);
@@ -9436,7 +9431,7 @@ var typescript = superClass => class TypeScriptParserMixin extends superClass {
       node.body = inner;
     } else {
       this.scope.enter(256);
-      this.prodParam.enter(PARAM);
+      this.prodParam.enter(0);
       node.body = this.tsParseModuleBlock();
       this.prodParam.exit();
       this.scope.exit();
@@ -9454,7 +9449,7 @@ var typescript = superClass => class TypeScriptParserMixin extends superClass {
     }
     if (this.match(5)) {
       this.scope.enter(256);
-      this.prodParam.enter(PARAM);
+      this.prodParam.enter(0);
       node.body = this.tsParseModuleBlock();
       this.prodParam.exit();
       this.scope.exit();
@@ -9581,7 +9576,7 @@ var typescript = superClass => class TypeScriptParserMixin extends superClass {
       case "global":
         if (this.match(5)) {
           this.scope.enter(256);
-          this.prodParam.enter(PARAM);
+          this.prodParam.enter(0);
           const mod = node;
           mod.global = true;
           mod.id = expr;
@@ -12012,7 +12007,7 @@ class ExpressionParser extends LValParser {
     const oldLabels = this.state.labels;
     this.state.labels = [];
     if (isAsync) {
-      this.prodParam.enter(PARAM_AWAIT);
+      this.prodParam.enter(2);
       node.body = this.parseBlock();
       this.prodParam.exit();
     } else {
@@ -12576,7 +12571,7 @@ class ExpressionParser extends LValParser {
     this.scope.enter(2 | 4);
     let flags = functionFlags(isAsync, false);
     if (!this.match(5) && this.prodParam.hasIn) {
-      flags |= PARAM_IN;
+      flags |= 8;
     }
     this.prodParam.enter(flags);
     this.initFunction(node, isAsync);
@@ -12610,7 +12605,7 @@ class ExpressionParser extends LValParser {
       const oldStrict = this.state.strict;
       const oldLabels = this.state.labels;
       this.state.labels = [];
-      this.prodParam.enter(this.prodParam.currentFlags() | PARAM_RETURN);
+      this.prodParam.enter(this.prodParam.currentFlags() | 4);
       node.body = this.parseBlock(true, false, hasStrictModeDirective => {
         const nonSimple = !this.isSimpleParamList(node.params);
         if (hasStrictModeDirective && nonSimple) {
@@ -12951,9 +12946,9 @@ class ExpressionParser extends LValParser {
   }
   allowInAnd(callback) {
     const flags = this.prodParam.currentFlags();
-    const prodParamToSet = PARAM_IN & ~flags;
+    const prodParamToSet = 8 & ~flags;
     if (prodParamToSet) {
-      this.prodParam.enter(flags | PARAM_IN);
+      this.prodParam.enter(flags | 8);
       try {
         return callback();
       } finally {
@@ -12964,9 +12959,9 @@ class ExpressionParser extends LValParser {
   }
   disallowInAnd(callback) {
     const flags = this.prodParam.currentFlags();
-    const prodParamToClear = PARAM_IN & flags;
+    const prodParamToClear = 8 & flags;
     if (prodParamToClear) {
-      this.prodParam.enter(flags & ~PARAM_IN);
+      this.prodParam.enter(flags & ~8);
       try {
         return callback();
       } finally {
@@ -13881,7 +13876,7 @@ class StatementParser extends ExpressionParser {
       }
       body.push(stmt);
     }
-    afterBlockParse == null ? void 0 : afterBlockParse.call(this, hasStrictModeDirective);
+    afterBlockParse == null || afterBlockParse.call(this, hasStrictModeDirective);
     if (!oldStrict) {
       this.setStrict(false);
     }
@@ -14257,7 +14252,7 @@ class StatementParser extends ExpressionParser {
     this.scope.enter(64 | 128 | 16);
     const oldLabels = this.state.labels;
     this.state.labels = [];
-    this.prodParam.enter(PARAM);
+    this.prodParam.enter(0);
     const body = member.body = [];
     this.parseBlockOrModuleBlockBody(body, undefined, false, 8);
     this.prodParam.exit();
@@ -14329,7 +14324,7 @@ class StatementParser extends ExpressionParser {
   parseInitializer(node) {
     this.scope.enter(64 | 16);
     this.expressionScope.enter(newExpressionScope());
-    this.prodParam.enter(PARAM);
+    this.prodParam.enter(0);
     node.value = this.eat(29) ? this.parseMaybeAssignAllowIn() : null;
     this.expressionScope.exit();
     this.prodParam.exit();
@@ -15450,6 +15445,7 @@ function getMemoedVNodeCall(node) {
     return node;
   }
 }
+const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
 
 const deprecationData = {
   ["COMPILER_IS_ON_ELEMENT"]: {
@@ -21124,6 +21120,15 @@ function walkBlockDeclarations(block, onIdent) {
       if (stmt.declare || !stmt.id)
         continue;
       onIdent(stmt.id);
+    } else if (stmt.type === "ForOfStatement" || stmt.type === "ForInStatement" || stmt.type === "ForStatement") {
+      const variable = stmt.type === "ForStatement" ? stmt.init : stmt.left;
+      if (variable && variable.type === "VariableDeclaration") {
+        for (const decl of variable.declarations) {
+          for (const id of extractIdentifiers(decl.id)) {
+            onIdent(id);
+          }
+        }
+      }
     }
   }
 }
@@ -21911,13 +21916,12 @@ function processFor(node, dir, context, processCodegen) {
       onExit();
   };
 }
-const forAliasRE$1 = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
 const forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/;
 const stripParensRE = /^\(|\)$/g;
 function parseForExpression(input, context) {
   const loc = input.loc;
   const exp = input.content;
-  const inMatch = exp.match(forAliasRE$1);
+  const inMatch = exp.match(forAliasRE);
   if (!inMatch)
     return;
   const [, LHS, RHS] = inMatch;
@@ -22584,7 +22588,7 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
         )
       );
     } else {
-      const { name, arg, exp, loc } = prop;
+      const { name, arg, exp, loc, modifiers } = prop;
       const isVBind = name === "bind";
       const isVOn = name === "on";
       if (name === "slot") {
@@ -22644,6 +22648,9 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
         }
         continue;
       }
+      if (isVBind && modifiers.includes("prop")) {
+        patchFlag |= 32;
+      }
       const directiveTransform = context.directiveTransforms[name];
       if (directiveTransform) {
         const { props: props2, needRuntime } = directiveTransform(prop, node, context);
@@ -25906,8 +25913,8 @@ const transformModel = (dir, node, context) => {
     );
   }
   function checkDuplicatedValue() {
-    const value = findProp(node, "value");
-    if (value) {
+    const value = findDir(node, "bind");
+    if (value && isStaticArgOf(value.arg, "value")) {
       context.onError(
         createDOMCompilerError(
           60,
@@ -26477,6 +26484,7 @@ var CompilerDOM = /*#__PURE__*/Object.freeze({
   extractIdentifiers: extractIdentifiers,
   findDir: findDir,
   findProp: findProp,
+  forAliasRE: forAliasRE,
   generate: generate,
   generateCodeFrame: generateCodeFrame,
   getBaseTransformPreset: getBaseTransformPreset,
@@ -26829,9 +26837,13 @@ function normalizePath(p) {
   return normalize(p.replace(windowsSlashRE, "/"));
 }
 const joinPaths = (path.posix || path).join;
-const escapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
-function getEscapedKey(key) {
-  return escapeSymbolsRE.test(key) ? JSON.stringify(key) : key;
+const propNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~\-]/;
+function getEscapedPropName(key) {
+  return propNameEscapeSymbolsRE.test(key) ? JSON.stringify(key) : key;
+}
+const cssVarNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
+function getEscapedCssVarName(key) {
+  return key.replace(cssVarNameEscapeSymbolsRE, (s) => `\\${s}`);
 }
 
 function pad$1 (hash, len) {
@@ -26916,7 +26928,7 @@ function genVarName(id, raw, isProd) {
   if (isProd) {
     return hash(id + raw);
   } else {
-    return `${id}-${raw.replace(escapeSymbolsRE, (s) => `\\${s}`)}`;
+    return `${id}-${getEscapedCssVarName(raw)}`;
   }
 }
 function normalizeExpression(exp) {
@@ -27326,7 +27338,6 @@ function resolveTemplateUsageCheckString(sfc) {
   templateUsageCheckCache.set(content, code);
   return code;
 }
-const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
 function processExp(exp, dir) {
   if (/ as\s+\w|<.*>|:/.test(exp)) {
     if (dir === "slot") {
@@ -33189,7 +33200,7 @@ function compile(template, options = {}) {
       // reusing core v-bind
       bind: transformBind,
       on: transformOn$1,
-      // model and show has dedicated SSR handling
+      // model and show have dedicated SSR handling
       model: ssrTransformModel,
       show: ssrTransformShow,
       // the following are ignored during SSR
@@ -41386,6 +41397,10 @@ function rewriteSelector(id, selector, selectorRoot, slotted = false) {
     if (n.type !== "pseudo" && n.type !== "combinator") {
       node = n;
     }
+    if (n.type === "pseudo" && (n.value === ":is" || n.value === ":where")) {
+      rewriteSelector(id, n.nodes[0], selectorRoot, slotted);
+      shouldInject = false;
+    }
   });
   if (node) {
     node.spaces.after = "";
@@ -47073,7 +47088,7 @@ function resolveParserPlugins(lang, userPlugins, dts = false) {
   }
   if (lang === "ts" || lang === "tsx") {
     plugins.push(["typescript", { dts }]);
-    if (!plugins.includes("decorators")) {
+    if (!userPlugins || !userPlugins.includes("decorators")) {
       plugins.push("decorators-legacy");
     }
   }
@@ -47294,12 +47309,16 @@ function resolveInterfaceMembers(ctx, node, scope) {
         continue;
       }
       try {
-        const { props } = resolveTypeElements(ctx, ext, scope);
+        const { props, calls } = resolveTypeElements(ctx, ext, scope);
         for (const key in props) {
           if (!hasOwn(base.props, key)) {
             base.props[key] = props[key];
           }
         }
+        if (calls) {
+          ;
+          (base.calls || (base.calls = [])).push(...calls);
+        }
       } catch (e) {
         ctx.error(
           `Failed to resolve extends base type.
@@ -47630,7 +47649,11 @@ function importSourceToScope(ctx, node, scope, source) {
   }
   let resolved = scope.resolvedImportSources[source];
   if (!resolved) {
-    if (source.startsWith(".")) {
+    if (source.startsWith("..")) {
+      const osSpecificJoinFn = joinPaths;
+      const filename = osSpecificJoinFn(dirname$2(scope.filename), source);
+      resolved = resolveExt(filename, fs);
+    } else if (source.startsWith(".")) {
       const filename = joinPaths(dirname$2(scope.filename), source);
       resolved = resolveExt(filename, fs);
     } else {
@@ -48413,7 +48436,7 @@ function genRuntimeProps(ctx) {
       const defaults = [];
       for (const key in ctx.propsDestructuredBindings) {
         const d = genDestructuredDefaultValue(ctx, key);
-        const finalKey = getEscapedKey(key);
+        const finalKey = getEscapedPropName(key);
         if (d)
           defaults.push(
             `${finalKey}: ${d.valueString}${d.needSkipFactory ? `, __skip_${finalKey}: true` : ``}`
@@ -48505,7 +48528,7 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
       }
     }
   }
-  const finalKey = getEscapedKey(key);
+  const finalKey = getEscapedPropName(key);
   if (!ctx.options.isProd) {
     return `${finalKey}: { ${concatStrings([
       `type: ${toRuntimeTypeString(type)}`,
@@ -49777,7 +49800,7 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.3.8";
+const version = "3.3.9";
 const parseCache = parseCache$1;
 const walk = walk$1;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.3.8",
+  "version": "3.3.9",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -32,22 +32,22 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-sfc#readme",
   "dependencies": {
-    "@babel/parser": "^7.23.0",
-    "@vue/compiler-core": "3.3.8",
-    "@vue/compiler-dom": "3.3.8",
-    "@vue/compiler-ssr": "3.3.8",
-    "@vue/reactivity-transform": "3.3.8",
-    "@vue/shared": "3.3.8",
+    "@babel/parser": "^7.23.3",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.30.5",
     "postcss": "^8.4.31",
-    "source-map-js": "^1.0.2"
+    "source-map-js": "^1.0.2",
+    "@vue/compiler-core": "3.3.9",
+    "@vue/compiler-dom": "3.3.9",
+    "@vue/reactivity-transform": "3.3.9",
+    "@vue/shared": "3.3.9",
+    "@vue/compiler-ssr": "3.3.9"
   },
   "devDependencies": {
-    "@babel/types": "^7.23.0",
+    "@babel/types": "^7.23.3",
     "@vue/consolidate": "^0.17.3",
     "hash-sum": "^2.0.0",
-    "lru-cache": "^10.0.1",
+    "lru-cache": "^10.0.3",
     "merge-source-map": "^1.1.0",
     "minimatch": "^9.0.3",
     "postcss-modules": "^4.3.1",