@vue/compiler-sfc 3.5.30 → 3.5.32

package/dist/compiler-sfc.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-sfc v3.5.30
+* @vue/compiler-sfc v3.5.32
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2082,7 +2082,7 @@ function dedent(s) {
 
 function isRelativeUrl(url) {
   const firstChar = url.charAt(0);
-  return firstChar === "." || firstChar === "~" || firstChar === "@";
+  return firstChar === "." || firstChar === "~" || firstChar === "@" || firstChar === "#";
 }
 const externalRE = /^(?:https?:)?\/\//;
 function isExternalUrl(url) {
@@ -2092,6 +2092,13 @@ const dataUrlRE = /^\s*data:/i;
 function isDataUrl(url) {
   return dataUrlRE.test(url);
 }
+function normalizeDecodedImportPath(source) {
+  try {
+    return decodeURIComponent(source);
+  } catch {
+    return source;
+  }
+}
 function parseUrl(url) {
   const firstChar = url.charAt(0);
   if (firstChar === "~") {
@@ -2104,14 +2111,17 @@ function parseUriParts(urlString) {
   return url.parse(shared.isString(urlString) ? urlString : "", false, true);
 }
 
+const resourceUrlTagConfig = {
+  video: ["src", "poster"],
+  source: ["src"],
+  img: ["src"],
+  image: ["xlink:href", "href"]
+};
 const defaultAssetUrlOptions = {
   base: null,
   includeAbsolute: false,
   tags: {
-    video: ["src", "poster"],
-    source: ["src"],
-    img: ["src"],
-    image: ["xlink:href", "href"],
+    ...resourceUrlTagConfig,
     use: ["xlink:href", "href"]
   }
 };
@@ -2130,6 +2140,10 @@ const normalizeOptions = (options) => {
 const createAssetUrlTransformWithOptions = (options) => {
   return (node, context) => transformAssetUrl(node, context, options);
 };
+function canTransformHashImport(tag, attrName) {
+  var _a;
+  return !!((_a = resourceUrlTagConfig[tag]) == null ? void 0 : _a.includes(attrName));
+}
 const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
   if (node.type === 1) {
     if (!node.props.length) {
@@ -2143,11 +2157,16 @@ const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
     }
     const assetAttrs = (attrs || []).concat(wildCardAttrs || []);
     node.props.forEach((attr, index) => {
-      if (attr.type !== 6 || !assetAttrs.includes(attr.name) || !attr.value || isExternalUrl(attr.value.content) || isDataUrl(attr.value.content) || attr.value.content[0] === "#" || !options.includeAbsolute && !isRelativeUrl(attr.value.content)) {
+      if (attr.type !== 6 || !assetAttrs.includes(attr.name) || !attr.value) {
         return;
       }
-      const url = parseUrl(attr.value.content);
-      if (options.base && attr.value.content[0] === ".") {
+      const urlValue = attr.value.content;
+      const isHashOnlyValue = urlValue[0] === "#";
+      if (isExternalUrl(urlValue) || isDataUrl(urlValue) || isHashOnlyValue && !canTransformHashImport(node.tag, attr.name) || !options.includeAbsolute && !isRelativeUrl(urlValue)) {
+        return;
+      }
+      const url = parseUrl(urlValue);
+      if (options.base && urlValue[0] === ".") {
         const base = parseUrl(options.base);
         const protocol = base.protocol || "";
         const host = base.host ? protocol + "//" + base.host : "";
@@ -2167,55 +2186,65 @@ const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
     });
   }
 };
+function resolveOrRegisterImport(source, loc, context) {
+  const normalizedSource = normalizeDecodedImportPath(source);
+  const existingIndex = context.imports.findIndex(
+    (i) => i.path === normalizedSource
+  );
+  if (existingIndex > -1) {
+    return {
+      name: `_imports_${existingIndex}`,
+      exp: context.imports[existingIndex].exp
+    };
+  }
+  const name = `_imports_${context.imports.length}`;
+  const exp = compilerCore.createSimpleExpression(
+    name,
+    false,
+    loc,
+    3
+  );
+  context.imports.push({
+    exp,
+    path: normalizedSource
+  });
+  return { name, exp };
+}
 function getImportsExpressionExp(path2, hash, loc, context) {
-  if (path2) {
-    let name;
-    let exp;
-    const existingIndex = context.imports.findIndex((i) => i.path === path2);
-    if (existingIndex > -1) {
-      name = `_imports_${existingIndex}`;
-      exp = context.imports[existingIndex].exp;
-    } else {
-      name = `_imports_${context.imports.length}`;
-      exp = compilerCore.createSimpleExpression(
-        name,
-        false,
-        loc,
-        3
-      );
-      context.imports.push({
-        exp,
-        path: decodeURIComponent(path2)
-      });
-    }
-    if (!hash) {
-      return exp;
-    }
-    const hashExp = `${name} + '${hash}'`;
-    const finalExp = compilerCore.createSimpleExpression(
-      hashExp,
+  if (!path2 && !hash) {
+    return compilerCore.createSimpleExpression(`''`, false, loc, 3);
+  }
+  if (!path2 && hash) {
+    const { exp } = resolveOrRegisterImport(hash, loc, context);
+    return exp;
+  }
+  if (path2 && !hash) {
+    const { exp } = resolveOrRegisterImport(path2, loc, context);
+    return exp;
+  }
+  const { name } = resolveOrRegisterImport(path2, loc, context);
+  const hashExp = `${name} + '${hash}'`;
+  const finalExp = compilerCore.createSimpleExpression(
+    hashExp,
+    false,
+    loc,
+    3
+  );
+  if (!context.hoistStatic) {
+    return finalExp;
+  }
+  const existingHoistIndex = context.hoists.findIndex((h) => {
+    return h && h.type === 4 && !h.isStatic && h.content === hashExp;
+  });
+  if (existingHoistIndex > -1) {
+    return compilerCore.createSimpleExpression(
+      `_hoisted_${existingHoistIndex + 1}`,
       false,
       loc,
       3
     );
-    if (!context.hoistStatic) {
-      return finalExp;
-    }
-    const existingHoistIndex = context.hoists.findIndex((h) => {
-      return h && h.type === 4 && !h.isStatic && h.content === hashExp;
-    });
-    if (existingHoistIndex > -1) {
-      return compilerCore.createSimpleExpression(
-        `_hoisted_${existingHoistIndex + 1}`,
-        false,
-        loc,
-        3
-      );
-    }
-    return context.hoist(finalExp);
-  } else {
-    return compilerCore.createSimpleExpression(`''`, false, loc, 3);
   }
+  return context.hoist(finalExp);
 }
 
 const srcsetTags = ["img", "source"];
@@ -2272,12 +2301,14 @@ const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
           const compoundExpression = compilerCore.createCompoundExpression([], attr.loc);
           imageCandidates.forEach(({ url, descriptor }, index2) => {
             if (shouldProcessUrl(url)) {
-              const { path: path2 } = parseUrl(url);
-              let exp2;
-              if (path2) {
+              const { path: path2, hash } = parseUrl(url);
+              const source = path2 ? path2 : hash;
+              if (source) {
+                const normalizedSource = normalizeDecodedImportPath(source);
                 const existingImportsIndex = context.imports.findIndex(
-                  (i) => i.path === path2
+                  (i) => i.path === normalizedSource
                 );
+                let exp2;
                 if (existingImportsIndex > -1) {
                   exp2 = compilerCore.createSimpleExpression(
                     `_imports_${existingImportsIndex}`,
@@ -2292,7 +2323,15 @@ const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
                     attr.loc,
                     3
                   );
-                  context.imports.push({ exp: exp2, path: path2 });
+                  context.imports.push({ exp: exp2, path: normalizedSource });
+                }
+                if (path2 && hash) {
+                  exp2 = compilerCore.createSimpleExpression(
+                    `${exp2.content} + '${hash}'`,
+                    false,
+                    attr.loc,
+                    3
+                  );
                 }
                 compoundExpression.children.push(exp2);
               }
@@ -23906,9 +23945,9 @@ function processDefineModel(ctx, node, declId) {
   let modelName;
   let options;
   const arg0 = node.arguments[0] && CompilerDOM.unwrapTSNode(node.arguments[0]);
-  const hasName = arg0 && arg0.type === "StringLiteral";
+  const hasName = arg0 && (arg0.type === "StringLiteral" || arg0.type === "TemplateLiteral" && arg0.expressions.length === 0);
   if (hasName) {
-    modelName = arg0.value;
+    modelName = arg0.type === "StringLiteral" ? arg0.value : arg0.quasis[0].value.cooked;
     options = node.arguments[1];
   } else {
     modelName = "modelValue";
@@ -25544,7 +25583,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
   return generator.toJSON();
 }
 
-const version = "3.5.30";
+const version = "3.5.32";
 const parseCache = parseCache$1;
 const errorMessages = {
   ...CompilerDOM.errorMessages,

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

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-sfc v3.5.30
+* @vue/compiler-sfc v3.5.32
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -15949,7 +15949,7 @@ function requireLib () {
 	              this.next();
 	              return this.parseAsyncFunctionExpression(this.startNodeAtNode(id));
 	            } else if (tokenIsIdentifier(type)) {
-	              if (this.lookaheadCharCode() === 61) {
+	              if (canBeArrow && this.lookaheadCharCode() === 61) {
 	                return this.parseAsyncArrowUnaryFunction(this.startNodeAtNode(id));
 	              } else {
 	                return id;
@@ -26096,7 +26096,7 @@ const transformFor = createStructuralDirectiveTransform(
           loop.body = createBlockStatement([
             createCompoundExpression([`const _memo = (`, memo.exp, `)`]),
             createCompoundExpression([
-              `if (_cached`,
+              `if (_cached && _cached.el`,
               ...keyExp ? [` && _cached.key === `, keyExp] : [],
               ` && ${context.helperString(
                 IS_MEMO_SAME
@@ -31697,7 +31697,7 @@ var _polyfillNode_url$1 = /*#__PURE__*/Object.freeze({
 
 function isRelativeUrl(url) {
   const firstChar = url.charAt(0);
-  return firstChar === "." || firstChar === "~" || firstChar === "@";
+  return firstChar === "." || firstChar === "~" || firstChar === "@" || firstChar === "#";
 }
 const externalRE = /^(?:https?:)?\/\//;
 function isExternalUrl(url) {
@@ -31707,6 +31707,13 @@ const dataUrlRE = /^\s*data:/i;
 function isDataUrl(url) {
   return dataUrlRE.test(url);
 }
+function normalizeDecodedImportPath(source) {
+  try {
+    return decodeURIComponent(source);
+  } catch (e) {
+    return source;
+  }
+}
 function parseUrl(url) {
   const firstChar = url.charAt(0);
   if (firstChar === "~") {
@@ -31738,16 +31745,18 @@ var __spreadValues$9 = (a, b) => {
   return a;
 };
 var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+const resourceUrlTagConfig = {
+  video: ["src", "poster"],
+  source: ["src"],
+  img: ["src"],
+  image: ["xlink:href", "href"]
+};
 const defaultAssetUrlOptions = {
   base: null,
   includeAbsolute: false,
-  tags: {
-    video: ["src", "poster"],
-    source: ["src"],
-    img: ["src"],
-    image: ["xlink:href", "href"],
+  tags: __spreadProps$8(__spreadValues$9({}, resourceUrlTagConfig), {
     use: ["xlink:href", "href"]
-  }
+  })
 };
 const normalizeOptions = (options) => {
   if (Object.keys(options).some((key) => isArray$3(options[key]))) {
@@ -31760,6 +31769,10 @@ const normalizeOptions = (options) => {
 const createAssetUrlTransformWithOptions = (options) => {
   return (node, context) => transformAssetUrl(node, context, options);
 };
+function canTransformHashImport(tag, attrName) {
+  var _a;
+  return !!((_a = resourceUrlTagConfig[tag]) == null ? void 0 : _a.includes(attrName));
+}
 const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
   if (node.type === 1) {
     if (!node.props.length) {
@@ -31773,11 +31786,16 @@ const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
     }
     const assetAttrs = (attrs || []).concat(wildCardAttrs || []);
     node.props.forEach((attr, index) => {
-      if (attr.type !== 6 || !assetAttrs.includes(attr.name) || !attr.value || isExternalUrl(attr.value.content) || isDataUrl(attr.value.content) || attr.value.content[0] === "#" || !options.includeAbsolute && !isRelativeUrl(attr.value.content)) {
+      if (attr.type !== 6 || !assetAttrs.includes(attr.name) || !attr.value) {
+        return;
+      }
+      const urlValue = attr.value.content;
+      const isHashOnlyValue = urlValue[0] === "#";
+      if (isExternalUrl(urlValue) || isDataUrl(urlValue) || isHashOnlyValue && !canTransformHashImport(node.tag, attr.name) || !options.includeAbsolute && !isRelativeUrl(urlValue)) {
         return;
       }
-      const url = parseUrl(attr.value.content);
-      if (options.base && attr.value.content[0] === ".") {
+      const url = parseUrl(urlValue);
+      if (options.base && urlValue[0] === ".") {
         const base = parseUrl(options.base);
         const protocol = base.protocol || "";
         const host = base.host ? protocol + "//" + base.host : "";
@@ -31797,55 +31815,65 @@ const transformAssetUrl = (node, context, options = defaultAssetUrlOptions) => {
     });
   }
 };
+function resolveOrRegisterImport(source, loc, context) {
+  const normalizedSource = normalizeDecodedImportPath(source);
+  const existingIndex = context.imports.findIndex(
+    (i) => i.path === normalizedSource
+  );
+  if (existingIndex > -1) {
+    return {
+      name: `_imports_${existingIndex}`,
+      exp: context.imports[existingIndex].exp
+    };
+  }
+  const name = `_imports_${context.imports.length}`;
+  const exp = createSimpleExpression(
+    name,
+    false,
+    loc,
+    3
+  );
+  context.imports.push({
+    exp,
+    path: normalizedSource
+  });
+  return { name, exp };
+}
 function getImportsExpressionExp(path2, hash, loc, context) {
-  if (path2) {
-    let name;
-    let exp;
-    const existingIndex = context.imports.findIndex((i) => i.path === path2);
-    if (existingIndex > -1) {
-      name = `_imports_${existingIndex}`;
-      exp = context.imports[existingIndex].exp;
-    } else {
-      name = `_imports_${context.imports.length}`;
-      exp = createSimpleExpression(
-        name,
-        false,
-        loc,
-        3
-      );
-      context.imports.push({
-        exp,
-        path: decodeURIComponent(path2)
-      });
-    }
-    if (!hash) {
-      return exp;
-    }
-    const hashExp = `${name} + '${hash}'`;
-    const finalExp = createSimpleExpression(
-      hashExp,
+  if (!path2 && !hash) {
+    return createSimpleExpression(`''`, false, loc, 3);
+  }
+  if (!path2 && hash) {
+    const { exp } = resolveOrRegisterImport(hash, loc, context);
+    return exp;
+  }
+  if (path2 && !hash) {
+    const { exp } = resolveOrRegisterImport(path2, loc, context);
+    return exp;
+  }
+  const { name } = resolveOrRegisterImport(path2, loc, context);
+  const hashExp = `${name} + '${hash}'`;
+  const finalExp = createSimpleExpression(
+    hashExp,
+    false,
+    loc,
+    3
+  );
+  if (!context.hoistStatic) {
+    return finalExp;
+  }
+  const existingHoistIndex = context.hoists.findIndex((h) => {
+    return h && h.type === 4 && !h.isStatic && h.content === hashExp;
+  });
+  if (existingHoistIndex > -1) {
+    return createSimpleExpression(
+      `_hoisted_${existingHoistIndex + 1}`,
       false,
       loc,
       3
     );
-    if (!context.hoistStatic) {
-      return finalExp;
-    }
-    const existingHoistIndex = context.hoists.findIndex((h) => {
-      return h && h.type === 4 && !h.isStatic && h.content === hashExp;
-    });
-    if (existingHoistIndex > -1) {
-      return createSimpleExpression(
-        `_hoisted_${existingHoistIndex + 1}`,
-        false,
-        loc,
-        3
-      );
-    }
-    return context.hoist(finalExp);
-  } else {
-    return createSimpleExpression(`''`, false, loc, 3);
   }
+  return context.hoist(finalExp);
 }
 
 const srcsetTags = ["img", "source"];
@@ -31902,12 +31930,14 @@ const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
           const compoundExpression = createCompoundExpression([], attr.loc);
           imageCandidates.forEach(({ url, descriptor }, index2) => {
             if (shouldProcessUrl(url)) {
-              const { path: path2 } = parseUrl(url);
-              let exp2;
-              if (path2) {
+              const { path: path2, hash } = parseUrl(url);
+              const source = path2 ? path2 : hash;
+              if (source) {
+                const normalizedSource = normalizeDecodedImportPath(source);
                 const existingImportsIndex = context.imports.findIndex(
-                  (i) => i.path === path2
+                  (i) => i.path === normalizedSource
                 );
+                let exp2;
                 if (existingImportsIndex > -1) {
                   exp2 = createSimpleExpression(
                     `_imports_${existingImportsIndex}`,
@@ -31922,7 +31952,15 @@ const transformSrcset = (node, context, options = defaultAssetUrlOptions) => {
                     attr.loc,
                     3
                   );
-                  context.imports.push({ exp: exp2, path: path2 });
+                  context.imports.push({ exp: exp2, path: normalizedSource });
+                }
+                if (path2 && hash) {
+                  exp2 = createSimpleExpression(
+                    `${exp2.content} + '${hash}'`,
+                    false,
+                    attr.loc,
+                    3
+                  );
                 }
                 compoundExpression.children.push(exp2);
               }
@@ -49117,9 +49155,9 @@ function processDefineModel(ctx, node, declId) {
   let modelName;
   let options;
   const arg0 = node.arguments[0] && unwrapTSNode(node.arguments[0]);
-  const hasName = arg0 && arg0.type === "StringLiteral";
+  const hasName = arg0 && (arg0.type === "StringLiteral" || arg0.type === "TemplateLiteral" && arg0.expressions.length === 0);
   if (hasName) {
-    modelName = arg0.value;
+    modelName = arg0.type === "StringLiteral" ? arg0.value : arg0.quasis[0].value.cooked;
     options = node.arguments[1];
   } else {
     modelName = "modelValue";
@@ -50785,7 +50823,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const version = "3.5.30";
+const version = "3.5.32";
 const parseCache = parseCache$1;
 const errorMessages = __spreadValues(__spreadValues({}, errorMessages$1), DOMErrorMessages);
 const walk = walk$2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.5.30",
+  "version": "3.5.32",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -42,15 +42,15 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-sfc#readme",
   "dependencies": {
-    "@babel/parser": "^7.29.0",
+    "@babel/parser": "^7.29.2",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.30.21",
     "postcss": "^8.5.8",
     "source-map-js": "^1.2.1",
-    "@vue/compiler-dom": "3.5.30",
-    "@vue/compiler-core": "3.5.30",
-    "@vue/compiler-ssr": "3.5.30",
-    "@vue/shared": "3.5.30"
+    "@vue/compiler-core": "3.5.32",
+    "@vue/compiler-dom": "3.5.32",
+    "@vue/compiler-ssr": "3.5.32",
+    "@vue/shared": "3.5.32"
   },
   "devDependencies": {
     "@babel/types": "^7.29.0",
@@ -61,7 +61,7 @@
     "minimatch": "~10.2.4",
     "postcss-modules": "^6.0.1",
     "postcss-selector-parser": "^7.1.1",
-    "pug": "^3.0.3",
-    "sass": "^1.97.3"
+    "pug": "^3.0.4",
+    "sass": "^1.98.0"
   }
 }