@vue/compiler-sfc 3.3.1 → 3.3.2

package/dist/compiler-sfc.cjs.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var CompilerDOM = require('@vue/compiler-dom');
 var sourceMapJs = require('source-map-js');
+var path$3 = require('path');
 var parser$2 = require('@babel/parser');
 var shared = require('@vue/shared');
-var path$3 = require('path');
 var compilerCore = require('@vue/compiler-core');
 var url = require('url');
 var CompilerSSR = require('@vue/compiler-ssr');
@@ -18,19 +18,80 @@ var reactivityTransform = require('@vue/reactivity-transform');
 var MagicString = require('magic-string');
 
 function _interopNamespaceDefault(e) {
-	var n = Object.create(null);
-	if (e) {
-		for (var k in e) {
-			n[k] = e[k];
-		}
-	}
-	n.default = e;
-	return Object.freeze(n);
+  var n = Object.create(null);
+  if (e) {
+    for (var k in e) {
+      n[k] = e[k];
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var CompilerDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(CompilerDOM);
 var CompilerSSR__namespace = /*#__PURE__*/_interopNamespaceDefault(CompilerSSR);
 
+const UNKNOWN_TYPE = "Unknown";
+function resolveObjectKey(node, computed) {
+  switch (node.type) {
+    case "StringLiteral":
+    case "NumericLiteral":
+      return String(node.value);
+    case "Identifier":
+      if (!computed)
+        return node.name;
+  }
+  return void 0;
+}
+function concatStrings(strs) {
+  return strs.filter((s) => !!s).join(", ");
+}
+function isLiteralNode(node) {
+  return node.type.endsWith("Literal");
+}
+function unwrapTSNode(node) {
+  if (CompilerDOM.TS_NODE_TYPES.includes(node.type)) {
+    return unwrapTSNode(node.expression);
+  } else {
+    return node;
+  }
+}
+function isCallOf(node, test) {
+  return !!(node && test && node.type === "CallExpression" && node.callee.type === "Identifier" && (typeof test === "string" ? node.callee.name === test : test(node.callee.name)));
+}
+function toRuntimeTypeString(types) {
+  return types.length > 1 ? `[${types.join(", ")}]` : types[0];
+}
+function getImportedName(specifier) {
+  if (specifier.type === "ImportSpecifier")
+    return specifier.imported.type === "Identifier" ? specifier.imported.name : specifier.imported.value;
+  else if (specifier.type === "ImportNamespaceSpecifier")
+    return "*";
+  return "default";
+}
+function getId(node) {
+  return node.type === "Identifier" ? node.name : node.type === "StringLiteral" ? node.value : null;
+}
+const identity = (str) => str;
+const fileNameLowerCaseRegExp = /[^\u0130\u0131\u00DFa-z0-9\\/:\-_\. ]+/g;
+const toLowerCase = (str) => str.toLowerCase();
+function toFileNameLowerCase(x) {
+  return fileNameLowerCaseRegExp.test(x) ? x.replace(fileNameLowerCaseRegExp, toLowerCase) : x;
+}
+function createGetCanonicalFileName(useCaseSensitiveFileNames) {
+  return useCaseSensitiveFileNames ? identity : toFileNameLowerCase;
+}
+const normalize = (path$3.posix || path$3).normalize;
+const windowsSlashRE = /\\/g;
+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;
+}
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -119,10 +180,7 @@ function genVarName(id, raw, isProd) {
   if (isProd) {
     return hash$1(id + raw);
   } else {
-    return `${id}-${raw.replace(
-      /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g,
-      (s) => `\\${s}`
-    )}`;
+    return `${id}-${raw.replace(escapeSymbolsRE, (s) => `\\${s}`)}`;
   }
 }
 function normalizeExpression(exp) {
@@ -15484,63 +15542,6 @@ function preprocess(options, preprocessor) {
   );
 }
 
-const UNKNOWN_TYPE = "Unknown";
-function resolveObjectKey(node, computed) {
-  switch (node.type) {
-    case "StringLiteral":
-    case "NumericLiteral":
-      return String(node.value);
-    case "Identifier":
-      if (!computed)
-        return node.name;
-  }
-  return void 0;
-}
-function concatStrings(strs) {
-  return strs.filter((s) => !!s).join(", ");
-}
-function isLiteralNode(node) {
-  return node.type.endsWith("Literal");
-}
-function unwrapTSNode(node) {
-  if (CompilerDOM.TS_NODE_TYPES.includes(node.type)) {
-    return unwrapTSNode(node.expression);
-  } else {
-    return node;
-  }
-}
-function isCallOf(node, test) {
-  return !!(node && test && node.type === "CallExpression" && node.callee.type === "Identifier" && (typeof test === "string" ? node.callee.name === test : test(node.callee.name)));
-}
-function toRuntimeTypeString(types) {
-  return types.length > 1 ? `[${types.join(", ")}]` : types[0];
-}
-function getImportedName(specifier) {
-  if (specifier.type === "ImportSpecifier")
-    return specifier.imported.type === "Identifier" ? specifier.imported.name : specifier.imported.value;
-  else if (specifier.type === "ImportNamespaceSpecifier")
-    return "*";
-  return "default";
-}
-function getId(node) {
-  return node.type === "Identifier" ? node.name : node.type === "StringLiteral" ? node.value : null;
-}
-const identity = (str) => str;
-const fileNameLowerCaseRegExp = /[^\u0130\u0131\u00DFa-z0-9\\/:\-_\. ]+/g;
-const toLowerCase = (str) => str.toLowerCase();
-function toFileNameLowerCase(x) {
-  return fileNameLowerCaseRegExp.test(x) ? x.replace(fileNameLowerCaseRegExp, toLowerCase) : x;
-}
-function createGetCanonicalFileName(useCaseSensitiveFileNames) {
-  return useCaseSensitiveFileNames ? identity : toFileNameLowerCase;
-}
-const normalize = (path$3.posix || path$3).normalize;
-const windowsSlashRE = /\\/g;
-function normalizePath(p) {
-  return normalize(p.replace(windowsSlashRE, "/"));
-}
-const joinPaths = (path$3.posix || path$3).join;
-
 function analyzeScriptBindings(ast) {
   for (const node of ast) {
     if (node.type === "ExportDefaultDeclaration" && node.declaration.type === "ObjectExpression") {
@@ -15848,7 +15849,7 @@ ${shared.generateCodeFrame(
     );
   }
 }
-function resolveParserPlugins(lang, userPlugins) {
+function resolveParserPlugins(lang, userPlugins, dts = false) {
   const plugins = [];
   if (lang === "jsx" || lang === "tsx") {
     plugins.push("jsx");
@@ -15856,7 +15857,7 @@ function resolveParserPlugins(lang, userPlugins) {
     userPlugins = userPlugins.filter((p) => p !== "jsx");
   }
   if (lang === "ts" || lang === "tsx") {
-    plugins.push("typescript");
+    plugins.push(["typescript", { dts }]);
     if (!plugins.includes("decorators")) {
       plugins.push("decorators-legacy");
     }
@@ -18065,11 +18066,26 @@ function resolveInterfaceMembers(ctx, node, scope) {
   const base = typeElementsToMap(ctx, node.body.body, node._ownerScope);
   if (node.extends) {
     for (const ext of node.extends) {
-      const { props } = resolveTypeElements(ctx, ext, scope);
-      for (const key in props) {
-        if (!shared.hasOwn(base.props, key)) {
-          base.props[key] = props[key];
+      if (ext.leadingComments && ext.leadingComments.some((c) => c.value.includes("@vue-ignore"))) {
+        continue;
+      }
+      try {
+        const { props } = resolveTypeElements(ctx, ext, scope);
+        for (const key in props) {
+          if (!shared.hasOwn(base.props, key)) {
+            base.props[key] = props[key];
+          }
         }
+      } catch (e) {
+        ctx.error(
+          `Failed to resolve extends base type.
+If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example:
+
+interface Props extends /* @vue-ignore */ Base {}
+
+Note: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime.`,
+          ext
+        );
       }
     }
   }
@@ -18502,7 +18518,11 @@ function parseFile(filename, content, parserPlugins) {
   const ext = path$3.extname(filename);
   if (ext === ".ts" || ext === ".tsx") {
     return parser$2.parse(content, {
-      plugins: resolveParserPlugins(ext.slice(1), parserPlugins),
+      plugins: resolveParserPlugins(
+        ext.slice(1),
+        parserPlugins,
+        filename.endsWith(".d.ts")
+      ),
       sourceType: "module"
     }).program.body;
   } else if (ext === ".vue") {
@@ -19185,9 +19205,10 @@ function genRuntimeProps(ctx) {
       const defaults = [];
       for (const key in ctx.propsDestructuredBindings) {
         const d = genDestructuredDefaultValue(ctx, key);
+        const finalKey = getEscapedKey(key);
         if (d)
           defaults.push(
-            `${key}: ${d.valueString}${d.needSkipFactory ? `, __skip_${key}: true` : ``}`
+            `${finalKey}: ${d.valueString}${d.needSkipFactory ? `, __skip_${finalKey}: true` : ``}`
           );
       }
       if (defaults.length) {
@@ -19276,8 +19297,9 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
       }
     }
   }
+  const finalKey = getEscapedKey(key);
   if (!ctx.options.isProd) {
-    return `${key}: { ${concatStrings([
+    return `${finalKey}: { ${concatStrings([
       `type: ${toRuntimeTypeString(type)}`,
       `required: ${required}`,
       skipCheck && "skipCheck: true",
@@ -19286,12 +19308,12 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
   } else if (type.some(
     (el) => el === "Boolean" || (!hasStaticDefaults || defaultString) && el === "Function"
   )) {
-    return `${key}: { ${concatStrings([
+    return `${finalKey}: { ${concatStrings([
       `type: ${toRuntimeTypeString(type)}`,
       defaultString
     ])} }`;
   } else {
-    return `${key}: ${defaultString ? `{ ${defaultString} }` : `{}`}`;
+    return `${finalKey}: ${defaultString ? `{ ${defaultString} }` : `{}`}`;
   }
 }
 function hasStaticWithDefaults(ctx) {
@@ -19342,6 +19364,7 @@ function inferValueType(node) {
 
 function processPropsDestructure(ctx, declId) {
   if (!ctx.options.propsDestructure && !ctx.options.reactivityTransform) {
+    ctx.propsIdentifier = ctx.getString(declId);
     return;
   }
   warnOnce(
@@ -20533,7 +20556,7 @@ function isStaticNode(node) {
   }
 }
 
-const version = "3.3.1";
+const version = "3.3.2";
 const walk = estreeWalker.walk;
 
 exports.babelParse = parser$2.parse;

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

@@ -21148,6 +21148,7 @@ const TS_NODE_TYPES = [
 ];
 
 const isLiteralWhitelisted = /* @__PURE__ */ makeMap("true,false,null,this");
+const constantBailRE = /\w\s*\(|\.[^\d]/;
 const transformExpression = (node, context) => {
   if (node.type === 5) {
     node.content = processExpression(
@@ -21237,7 +21238,7 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
     return `_ctx.${raw}`;
   };
   const rawExp = node.content;
-  const bailConstant = rawExp.indexOf(`(`) > -1 || rawExp.indexOf(".") > 0;
+  const bailConstant = constantBailRE.test(rawExp);
   if (isSimpleIdentifier(rawExp)) {
     const isScopeVarReference = context.identifiers[rawExp];
     const isAllowedGlobal = isGloballyWhitelisted(rawExp);
@@ -26199,7 +26200,10 @@ function evaluateConstant(exp) {
 const ignoreSideEffectTags = (node, context) => {
   if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
     context.onError(
-      createDOMCompilerError(63, node.loc)
+      createDOMCompilerError(
+        63,
+        node.loc
+      )
     );
     context.removeNode();
   }
@@ -26392,6 +26396,306 @@ var CompilerDOM = /*#__PURE__*/Object.freeze({
   warnDeprecation: warnDeprecation
 });
 
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+// resolves . and .. elements in a path array with directory names there
+// must be no slashes, empty elements, or device names (c:\) in the array
+// (so also no leading and trailing slashes - it does not distinguish
+// relative and absolute paths)
+function normalizeArray(parts, allowAboveRoot) {
+  // if the path tries to go above the root, `up` ends up > 0
+  var up = 0;
+  for (var i = parts.length - 1; i >= 0; i--) {
+    var last = parts[i];
+    if (last === '.') {
+      parts.splice(i, 1);
+    } else if (last === '..') {
+      parts.splice(i, 1);
+      up++;
+    } else if (up) {
+      parts.splice(i, 1);
+      up--;
+    }
+  }
+
+  // if the path is allowed to go above the root, restore leading ..s
+  if (allowAboveRoot) {
+    for (; up--; up) {
+      parts.unshift('..');
+    }
+  }
+
+  return parts;
+}
+
+// Split a filename into [root, dir, basename, ext], unix version
+// 'root' is just a slash, or nothing.
+var splitPathRe =
+    /^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/;
+var splitPath = function(filename) {
+  return splitPathRe.exec(filename).slice(1);
+};
+
+// path.resolve([from ...], to)
+// posix version
+function resolve$2() {
+  var resolvedPath = '',
+      resolvedAbsolute = false;
+
+  for (var i = arguments.length - 1; i >= -1 && !resolvedAbsolute; i--) {
+    var path = (i >= 0) ? arguments[i] : '/';
+
+    // Skip empty and invalid entries
+    if (typeof path !== 'string') {
+      throw new TypeError('Arguments to path.resolve must be strings');
+    } else if (!path) {
+      continue;
+    }
+
+    resolvedPath = path + '/' + resolvedPath;
+    resolvedAbsolute = path.charAt(0) === '/';
+  }
+
+  // At this point the path should be resolved to a full absolute path, but
+  // handle relative paths to be safe (might happen when process.cwd() fails)
+
+  // Normalize the path
+  resolvedPath = normalizeArray(filter(resolvedPath.split('/'), function(p) {
+    return !!p;
+  }), !resolvedAbsolute).join('/');
+
+  return ((resolvedAbsolute ? '/' : '') + resolvedPath) || '.';
+}
+// path.normalize(path)
+// posix version
+function normalize$1(path) {
+  var isPathAbsolute = isAbsolute$1(path),
+      trailingSlash = substr(path, -1) === '/';
+
+  // Normalize the path
+  path = normalizeArray(filter(path.split('/'), function(p) {
+    return !!p;
+  }), !isPathAbsolute).join('/');
+
+  if (!path && !isPathAbsolute) {
+    path = '.';
+  }
+  if (path && trailingSlash) {
+    path += '/';
+  }
+
+  return (isPathAbsolute ? '/' : '') + path;
+}
+// posix version
+function isAbsolute$1(path) {
+  return path.charAt(0) === '/';
+}
+
+// posix version
+function join$1() {
+  var paths = Array.prototype.slice.call(arguments, 0);
+  return normalize$1(filter(paths, function(p, index) {
+    if (typeof p !== 'string') {
+      throw new TypeError('Arguments to path.join must be strings');
+    }
+    return p;
+  }).join('/'));
+}
+
+
+// path.relative(from, to)
+// posix version
+function relative$1(from, to) {
+  from = resolve$2(from).substr(1);
+  to = resolve$2(to).substr(1);
+
+  function trim(arr) {
+    var start = 0;
+    for (; start < arr.length; start++) {
+      if (arr[start] !== '') break;
+    }
+
+    var end = arr.length - 1;
+    for (; end >= 0; end--) {
+      if (arr[end] !== '') break;
+    }
+
+    if (start > end) return [];
+    return arr.slice(start, end - start + 1);
+  }
+
+  var fromParts = trim(from.split('/'));
+  var toParts = trim(to.split('/'));
+
+  var length = Math.min(fromParts.length, toParts.length);
+  var samePartsLength = length;
+  for (var i = 0; i < length; i++) {
+    if (fromParts[i] !== toParts[i]) {
+      samePartsLength = i;
+      break;
+    }
+  }
+
+  var outputParts = [];
+  for (var i = samePartsLength; i < fromParts.length; i++) {
+    outputParts.push('..');
+  }
+
+  outputParts = outputParts.concat(toParts.slice(samePartsLength));
+
+  return outputParts.join('/');
+}
+
+var sep$1 = '/';
+var delimiter$1 = ':';
+
+function dirname$2(path) {
+  var result = splitPath(path),
+      root = result[0],
+      dir = result[1];
+
+  if (!root && !dir) {
+    // No dirname whatsoever
+    return '.';
+  }
+
+  if (dir) {
+    // It has a dirname, strip trailing slash
+    dir = dir.substr(0, dir.length - 1);
+  }
+
+  return root + dir;
+}
+
+function basename(path, ext) {
+  var f = splitPath(path)[2];
+  // TODO: make this comparison case-insensitive on windows?
+  if (ext && f.substr(-1 * ext.length) === ext) {
+    f = f.substr(0, f.length - ext.length);
+  }
+  return f;
+}
+
+
+function extname(path) {
+  return splitPath(path)[3];
+}
+var path = {
+  extname: extname,
+  basename: basename,
+  dirname: dirname$2,
+  sep: sep$1,
+  delimiter: delimiter$1,
+  relative: relative$1,
+  join: join$1,
+  isAbsolute: isAbsolute$1,
+  normalize: normalize$1,
+  resolve: resolve$2
+};
+function filter (xs, f) {
+    if (xs.filter) return xs.filter(f);
+    var res = [];
+    for (var i = 0; i < xs.length; i++) {
+        if (f(xs[i], i, xs)) res.push(xs[i]);
+    }
+    return res;
+}
+
+// String.prototype.substr - negative index don't work in IE8
+var substr = 'ab'.substr(-1) === 'b' ?
+    function (str, start, len) { return str.substr(start, len) } :
+    function (str, start, len) {
+        if (start < 0) start = str.length + start;
+        return str.substr(start, len);
+    }
+;
+
+var _polyfillNode_path = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  basename: basename,
+  default: path,
+  delimiter: delimiter$1,
+  dirname: dirname$2,
+  extname: extname,
+  isAbsolute: isAbsolute$1,
+  join: join$1,
+  normalize: normalize$1,
+  relative: relative$1,
+  resolve: resolve$2,
+  sep: sep$1
+});
+
+const UNKNOWN_TYPE = "Unknown";
+function resolveObjectKey(node, computed) {
+  switch (node.type) {
+    case "StringLiteral":
+    case "NumericLiteral":
+      return String(node.value);
+    case "Identifier":
+      if (!computed)
+        return node.name;
+  }
+  return void 0;
+}
+function concatStrings(strs) {
+  return strs.filter((s) => !!s).join(", ");
+}
+function isLiteralNode(node) {
+  return node.type.endsWith("Literal");
+}
+function unwrapTSNode(node) {
+  if (TS_NODE_TYPES.includes(node.type)) {
+    return unwrapTSNode(node.expression);
+  } else {
+    return node;
+  }
+}
+function isCallOf(node, test) {
+  return !!(node && test && node.type === "CallExpression" && node.callee.type === "Identifier" && (typeof test === "string" ? node.callee.name === test : test(node.callee.name)));
+}
+function toRuntimeTypeString(types) {
+  return types.length > 1 ? `[${types.join(", ")}]` : types[0];
+}
+function getImportedName(specifier) {
+  if (specifier.type === "ImportSpecifier")
+    return specifier.imported.type === "Identifier" ? specifier.imported.name : specifier.imported.value;
+  else if (specifier.type === "ImportNamespaceSpecifier")
+    return "*";
+  return "default";
+}
+function getId(node) {
+  return node.type === "Identifier" ? node.name : node.type === "StringLiteral" ? node.value : null;
+}
+const normalize = (path.posix || path).normalize;
+const windowsSlashRE = /\\/g;
+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;
+}
+
 function pad$1 (hash, len) {
   while (hash.length < len) {
     hash = '0' + hash;
@@ -26474,10 +26778,7 @@ function genVarName(id, raw, isProd) {
   if (isProd) {
     return hash(id + raw);
   } else {
-    return `${id}-${raw.replace(
-      /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g,
-      (s) => `\\${s}`
-    )}`;
+    return `${id}-${raw.replace(escapeSymbolsRE, (s) => `\\${s}`)}`;
   }
 }
 function normalizeExpression(exp) {
@@ -26942,303 +27243,55 @@ function generateSourceMap(filename, source, generated, sourceRoot, lineOffset)
               column: i
             },
             generated: {
-              line: generatedLine,
-              column: i
-            }
-          });
-        }
-      }
-    }
-  });
-  return JSON.parse(map.toString());
-}
-function padContent(content, block, pad) {
-  content = content.slice(0, block.loc.start.offset);
-  if (pad === "space") {
-    return content.replace(replaceRE, " ");
-  } else {
-    const offset = content.split(splitRE).length;
-    const padChar = block.type === "script" && !block.lang ? "//\n" : "\n";
-    return Array(offset).join(padChar);
-  }
-}
-function hasSrc(node) {
-  return node.props.some((p) => {
-    if (p.type !== 6) {
-      return false;
-    }
-    return p.name === "src";
-  });
-}
-function isEmpty(node) {
-  for (let i = 0; i < node.children.length; i++) {
-    const child = node.children[i];
-    if (child.type !== 2 || child.content.trim() !== "") {
-      return false;
-    }
-  }
-  return true;
-}
-function hmrShouldReload(prevImports, next) {
-  if (!next.scriptSetup || next.scriptSetup.lang !== "ts" && next.scriptSetup.lang !== "tsx") {
-    return false;
-  }
-  for (const key in prevImports) {
-    if (!prevImports[key].isUsedInTemplate && isImportUsed(key, next)) {
-      return true;
-    }
-  }
-  return false;
-}
-
-// Copyright Joyent, Inc. and other Node contributors.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a
-// copy of this software and associated documentation files (the
-// "Software"), to deal in the Software without restriction, including
-// without limitation the rights to use, copy, modify, merge, publish,
-// distribute, sublicense, and/or sell copies of the Software, and to permit
-// persons to whom the Software is furnished to do so, subject to the
-// following conditions:
-//
-// The above copyright notice and this permission notice shall be included
-// in all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
-// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
-// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
-// USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-// resolves . and .. elements in a path array with directory names there
-// must be no slashes, empty elements, or device names (c:\) in the array
-// (so also no leading and trailing slashes - it does not distinguish
-// relative and absolute paths)
-function normalizeArray(parts, allowAboveRoot) {
-  // if the path tries to go above the root, `up` ends up > 0
-  var up = 0;
-  for (var i = parts.length - 1; i >= 0; i--) {
-    var last = parts[i];
-    if (last === '.') {
-      parts.splice(i, 1);
-    } else if (last === '..') {
-      parts.splice(i, 1);
-      up++;
-    } else if (up) {
-      parts.splice(i, 1);
-      up--;
-    }
-  }
-
-  // if the path is allowed to go above the root, restore leading ..s
-  if (allowAboveRoot) {
-    for (; up--; up) {
-      parts.unshift('..');
-    }
-  }
-
-  return parts;
-}
-
-// Split a filename into [root, dir, basename, ext], unix version
-// 'root' is just a slash, or nothing.
-var splitPathRe =
-    /^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/;
-var splitPath = function(filename) {
-  return splitPathRe.exec(filename).slice(1);
-};
-
-// path.resolve([from ...], to)
-// posix version
-function resolve$2() {
-  var resolvedPath = '',
-      resolvedAbsolute = false;
-
-  for (var i = arguments.length - 1; i >= -1 && !resolvedAbsolute; i--) {
-    var path = (i >= 0) ? arguments[i] : '/';
-
-    // Skip empty and invalid entries
-    if (typeof path !== 'string') {
-      throw new TypeError('Arguments to path.resolve must be strings');
-    } else if (!path) {
-      continue;
+              line: generatedLine,
+              column: i
+            }
+          });
+        }
+      }
     }
-
-    resolvedPath = path + '/' + resolvedPath;
-    resolvedAbsolute = path.charAt(0) === '/';
-  }
-
-  // At this point the path should be resolved to a full absolute path, but
-  // handle relative paths to be safe (might happen when process.cwd() fails)
-
-  // Normalize the path
-  resolvedPath = normalizeArray(filter(resolvedPath.split('/'), function(p) {
-    return !!p;
-  }), !resolvedAbsolute).join('/');
-
-  return ((resolvedAbsolute ? '/' : '') + resolvedPath) || '.';
+  });
+  return JSON.parse(map.toString());
 }
-// path.normalize(path)
-// posix version
-function normalize$1(path) {
-  var isPathAbsolute = isAbsolute$1(path),
-      trailingSlash = substr(path, -1) === '/';
-
-  // Normalize the path
-  path = normalizeArray(filter(path.split('/'), function(p) {
-    return !!p;
-  }), !isPathAbsolute).join('/');
-
-  if (!path && !isPathAbsolute) {
-    path = '.';
-  }
-  if (path && trailingSlash) {
-    path += '/';
+function padContent(content, block, pad) {
+  content = content.slice(0, block.loc.start.offset);
+  if (pad === "space") {
+    return content.replace(replaceRE, " ");
+  } else {
+    const offset = content.split(splitRE).length;
+    const padChar = block.type === "script" && !block.lang ? "//\n" : "\n";
+    return Array(offset).join(padChar);
   }
-
-  return (isPathAbsolute ? '/' : '') + path;
 }
-// posix version
-function isAbsolute$1(path) {
-  return path.charAt(0) === '/';
-}
-
-// posix version
-function join$1() {
-  var paths = Array.prototype.slice.call(arguments, 0);
-  return normalize$1(filter(paths, function(p, index) {
-    if (typeof p !== 'string') {
-      throw new TypeError('Arguments to path.join must be strings');
+function hasSrc(node) {
+  return node.props.some((p) => {
+    if (p.type !== 6) {
+      return false;
     }
-    return p;
-  }).join('/'));
+    return p.name === "src";
+  });
 }
-
-
-// path.relative(from, to)
-// posix version
-function relative$1(from, to) {
-  from = resolve$2(from).substr(1);
-  to = resolve$2(to).substr(1);
-
-  function trim(arr) {
-    var start = 0;
-    for (; start < arr.length; start++) {
-      if (arr[start] !== '') break;
-    }
-
-    var end = arr.length - 1;
-    for (; end >= 0; end--) {
-      if (arr[end] !== '') break;
-    }
-
-    if (start > end) return [];
-    return arr.slice(start, end - start + 1);
-  }
-
-  var fromParts = trim(from.split('/'));
-  var toParts = trim(to.split('/'));
-
-  var length = Math.min(fromParts.length, toParts.length);
-  var samePartsLength = length;
-  for (var i = 0; i < length; i++) {
-    if (fromParts[i] !== toParts[i]) {
-      samePartsLength = i;
-      break;
+function isEmpty(node) {
+  for (let i = 0; i < node.children.length; i++) {
+    const child = node.children[i];
+    if (child.type !== 2 || child.content.trim() !== "") {
+      return false;
     }
   }
-
-  var outputParts = [];
-  for (var i = samePartsLength; i < fromParts.length; i++) {
-    outputParts.push('..');
-  }
-
-  outputParts = outputParts.concat(toParts.slice(samePartsLength));
-
-  return outputParts.join('/');
-}
-
-var sep$1 = '/';
-var delimiter$1 = ':';
-
-function dirname$2(path) {
-  var result = splitPath(path),
-      root = result[0],
-      dir = result[1];
-
-  if (!root && !dir) {
-    // No dirname whatsoever
-    return '.';
-  }
-
-  if (dir) {
-    // It has a dirname, strip trailing slash
-    dir = dir.substr(0, dir.length - 1);
-  }
-
-  return root + dir;
+  return true;
 }
-
-function basename(path, ext) {
-  var f = splitPath(path)[2];
-  // TODO: make this comparison case-insensitive on windows?
-  if (ext && f.substr(-1 * ext.length) === ext) {
-    f = f.substr(0, f.length - ext.length);
+function hmrShouldReload(prevImports, next) {
+  if (!next.scriptSetup || next.scriptSetup.lang !== "ts" && next.scriptSetup.lang !== "tsx") {
+    return false;
   }
-  return f;
-}
-
-
-function extname(path) {
-  return splitPath(path)[3];
-}
-var path = {
-  extname: extname,
-  basename: basename,
-  dirname: dirname$2,
-  sep: sep$1,
-  delimiter: delimiter$1,
-  relative: relative$1,
-  join: join$1,
-  isAbsolute: isAbsolute$1,
-  normalize: normalize$1,
-  resolve: resolve$2
-};
-function filter (xs, f) {
-    if (xs.filter) return xs.filter(f);
-    var res = [];
-    for (var i = 0; i < xs.length; i++) {
-        if (f(xs[i], i, xs)) res.push(xs[i]);
+  for (const key in prevImports) {
+    if (!prevImports[key].isUsedInTemplate && isImportUsed(key, next)) {
+      return true;
     }
-    return res;
+  }
+  return false;
 }
 
-// String.prototype.substr - negative index don't work in IE8
-var substr = 'ab'.substr(-1) === 'b' ?
-    function (str, start, len) { return str.substr(start, len) } :
-    function (str, start, len) {
-        if (start < 0) start = str.length + start;
-        return str.substr(start, len);
-    }
-;
-
-var _polyfillNode_path = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  basename: basename,
-  default: path,
-  delimiter: delimiter$1,
-  dirname: dirname$2,
-  extname: extname,
-  isAbsolute: isAbsolute$1,
-  join: join$1,
-  normalize: normalize$1,
-  relative: relative$1,
-  resolve: resolve$2,
-  sep: sep$1
-});
-
 var global$1 = (typeof global !== "undefined" ? global :
   typeof self !== "undefined" ? self :
   typeof window !== "undefined" ? window : {});
@@ -47217,54 +47270,6 @@ function warn(msg) {
   );
 }
 
-const UNKNOWN_TYPE = "Unknown";
-function resolveObjectKey(node, computed) {
-  switch (node.type) {
-    case "StringLiteral":
-    case "NumericLiteral":
-      return String(node.value);
-    case "Identifier":
-      if (!computed)
-        return node.name;
-  }
-  return void 0;
-}
-function concatStrings(strs) {
-  return strs.filter((s) => !!s).join(", ");
-}
-function isLiteralNode(node) {
-  return node.type.endsWith("Literal");
-}
-function unwrapTSNode(node) {
-  if (TS_NODE_TYPES.includes(node.type)) {
-    return unwrapTSNode(node.expression);
-  } else {
-    return node;
-  }
-}
-function isCallOf(node, test) {
-  return !!(node && test && node.type === "CallExpression" && node.callee.type === "Identifier" && (typeof test === "string" ? node.callee.name === test : test(node.callee.name)));
-}
-function toRuntimeTypeString(types) {
-  return types.length > 1 ? `[${types.join(", ")}]` : types[0];
-}
-function getImportedName(specifier) {
-  if (specifier.type === "ImportSpecifier")
-    return specifier.imported.type === "Identifier" ? specifier.imported.name : specifier.imported.value;
-  else if (specifier.type === "ImportNamespaceSpecifier")
-    return "*";
-  return "default";
-}
-function getId(node) {
-  return node.type === "Identifier" ? node.name : node.type === "StringLiteral" ? node.value : null;
-}
-const normalize = (path.posix || path).normalize;
-const windowsSlashRE = /\\/g;
-function normalizePath(p) {
-  return normalize(p.replace(windowsSlashRE, "/"));
-}
-const joinPaths = (path.posix || path).join;
-
 function analyzeScriptBindings(ast) {
   for (const node of ast) {
     if (node.type === "ExportDefaultDeclaration" && node.declaration.type === "ObjectExpression") {
@@ -47590,7 +47595,7 @@ ${generateCodeFrame(
     );
   }
 }
-function resolveParserPlugins(lang, userPlugins) {
+function resolveParserPlugins(lang, userPlugins, dts = false) {
   const plugins = [];
   if (lang === "jsx" || lang === "tsx") {
     plugins.push("jsx");
@@ -47598,7 +47603,7 @@ function resolveParserPlugins(lang, userPlugins) {
     userPlugins = userPlugins.filter((p) => p !== "jsx");
   }
   if (lang === "ts" || lang === "tsx") {
-    plugins.push("typescript");
+    plugins.push(["typescript", { dts }]);
     if (!plugins.includes("decorators")) {
       plugins.push("decorators-legacy");
     }
@@ -47813,11 +47818,26 @@ function resolveInterfaceMembers(ctx, node, scope) {
   const base = typeElementsToMap(ctx, node.body.body, node._ownerScope);
   if (node.extends) {
     for (const ext of node.extends) {
-      const { props } = resolveTypeElements(ctx, ext, scope);
-      for (const key in props) {
-        if (!hasOwn(base.props, key)) {
-          base.props[key] = props[key];
+      if (ext.leadingComments && ext.leadingComments.some((c) => c.value.includes("@vue-ignore"))) {
+        continue;
+      }
+      try {
+        const { props } = resolveTypeElements(ctx, ext, scope);
+        for (const key in props) {
+          if (!hasOwn(base.props, key)) {
+            base.props[key] = props[key];
+          }
         }
+      } catch (e) {
+        ctx.error(
+          `Failed to resolve extends base type.
+If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example:
+
+interface Props extends /* @vue-ignore */ Base {}
+
+Note: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime.`,
+          ext
+        );
       }
     }
   }
@@ -48184,7 +48204,11 @@ function parseFile(filename, content, parserPlugins) {
   const ext = extname(filename);
   if (ext === ".ts" || ext === ".tsx") {
     return parse_1$1(content, {
-      plugins: resolveParserPlugins(ext.slice(1), parserPlugins),
+      plugins: resolveParserPlugins(
+        ext.slice(1),
+        parserPlugins,
+        filename.endsWith(".d.ts")
+      ),
       sourceType: "module"
     }).program.body;
   } else if (ext === ".vue") {
@@ -48867,9 +48891,10 @@ function genRuntimeProps(ctx) {
       const defaults = [];
       for (const key in ctx.propsDestructuredBindings) {
         const d = genDestructuredDefaultValue(ctx, key);
+        const finalKey = getEscapedKey(key);
         if (d)
           defaults.push(
-            `${key}: ${d.valueString}${d.needSkipFactory ? `, __skip_${key}: true` : ``}`
+            `${finalKey}: ${d.valueString}${d.needSkipFactory ? `, __skip_${finalKey}: true` : ``}`
           );
       }
       if (defaults.length) {
@@ -48958,8 +48983,9 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
       }
     }
   }
+  const finalKey = getEscapedKey(key);
   if (!ctx.options.isProd) {
-    return `${key}: { ${concatStrings([
+    return `${finalKey}: { ${concatStrings([
       `type: ${toRuntimeTypeString(type)}`,
       `required: ${required}`,
       skipCheck && "skipCheck: true",
@@ -48968,12 +48994,12 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
   } else if (type.some(
     (el) => el === "Boolean" || (!hasStaticDefaults || defaultString) && el === "Function"
   )) {
-    return `${key}: { ${concatStrings([
+    return `${finalKey}: { ${concatStrings([
       `type: ${toRuntimeTypeString(type)}`,
       defaultString
     ])} }`;
   } else {
-    return `${key}: ${defaultString ? `{ ${defaultString} }` : `{}`}`;
+    return `${finalKey}: ${defaultString ? `{ ${defaultString} }` : `{}`}`;
   }
 }
 function hasStaticWithDefaults(ctx) {
@@ -49024,6 +49050,7 @@ function inferValueType(node) {
 
 function processPropsDestructure(ctx, declId) {
   if (!ctx.options.propsDestructure && !ctx.options.reactivityTransform) {
+    ctx.propsIdentifier = ctx.getString(declId);
     return;
   }
   warnOnce$4(
@@ -50229,7 +50256,7 @@ function isStaticNode(node) {
   }
 }
 
-const version = "3.3.1";
+const version = "3.3.2";
 const walk = walk$1;
 
 export { MagicString, parse_1$1 as babelParse, compileScript, compileStyle, compileStyleAsync, compileTemplate, extractIdentifiers, generateCodeFrame, inferRuntimeType, invalidateTypeCache, isInDestructureAssignment, isStaticProperty, parse$7 as parse, parseCache, registerTS, resolveTypeElements, rewriteDefault, rewriteDefaultAST, shouldTransform as shouldTransformRef, transform as transformRef, transformAST as transformRefAST, version, walk, walkIdentifiers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -33,11 +33,11 @@
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-sfc#readme",
   "dependencies": {
     "@babel/parser": "^7.20.15",
-    "@vue/compiler-core": "3.3.1",
-    "@vue/compiler-dom": "3.3.1",
-    "@vue/compiler-ssr": "3.3.1",
-    "@vue/reactivity-transform": "3.3.1",
-    "@vue/shared": "3.3.1",
+    "@vue/compiler-core": "3.3.2",
+    "@vue/compiler-dom": "3.3.2",
+    "@vue/compiler-ssr": "3.3.2",
+    "@vue/reactivity-transform": "3.3.2",
+    "@vue/shared": "3.3.2",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.30.0",
     "postcss": "^8.1.10",