@vue/language-core 3.2.1 → 3.2.2

package/lib/codegen/template/element.js

@@ -58,6 +58,7 @@ function* generateComponent(options, ctx, node) {
     let { tag, props } = node;
     let [startTagOffset, endTagOffset] = (0, shared_2.getElementTagOffsets)(node, options.template);
     let isExpression = false;
+    let isIsShorthand = false;
     if (tag.includes('.')) {
         isExpression = true;
     }
@@ -67,7 +68,8 @@ function* generateComponent(options, ctx, node) {
                 && prop.name === 'bind'
                 && prop.arg?.loc.source === 'is'
                 && prop.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
-                if (prop.arg.loc.end.offset === prop.exp.loc.end.offset) {
+                isIsShorthand = prop.arg.loc.end.offset === prop.exp.loc.end.offset;
+                if (isIsShorthand) {
                     ctx.inlayHints.push((0, inlayHints_1.createVBindShorthandInlayHintInfo)(prop.exp.loc, 'is'));
                 }
                 isExpression = true;
@@ -82,7 +84,9 @@ function* generateComponent(options, ctx, node) {
     const componentVar = ctx.getInternalVariable();
     if (isExpression) {
         yield `const ${componentVar} = `;
-        yield* (0, interpolation_1.generateInterpolation)(options, ctx, options.template, codeFeatures_1.codeFeatures.all, tag, startTagOffset, `(`, `)`);
+        yield* (0, interpolation_1.generateInterpolation)(options, ctx, options.template, isIsShorthand
+            ? codeFeatures_1.codeFeatures.withoutHighlightAndCompletion
+            : codeFeatures_1.codeFeatures.all, tag, startTagOffset, `(`, `)`);
         if (endTagOffset !== undefined) {
             yield ` || `;
             yield* (0, interpolation_1.generateInterpolation)(options, ctx, options.template, codeFeatures_1.codeFeatures.withoutCompletion, tag, endTagOffset, `(`, `)`);
@@ -266,18 +270,9 @@ function* generateStyleScopedClassReferences({ template, typescript: ts }, node)
         if (prop.type === CompilerDOM.NodeTypes.ATTRIBUTE
             && prop.name === 'class'
             && prop.value) {
-            if (template.lang === 'pug') {
-                const getClassOffset = Reflect.get(prop.value.loc.start, 'getClassOffset');
-                const content = prop.value.loc.source.slice(1, -1);
-                for (const [className, pos] of forEachClassName(content)) {
-                    yield* (0, styleScopedClasses_1.generateStyleScopedClassReference)(template, className, getClassOffset(pos + 1));
-                }
-            }
-            else {
-                const [text, start] = (0, shared_2.normalizeAttributeValue)(prop.value);
-                for (const [className, offset] of forEachClassName(text)) {
-                    yield* (0, styleScopedClasses_1.generateStyleScopedClassReference)(template, className, start + offset);
-                }
+            const [text, start] = (0, shared_2.normalizeAttributeValue)(prop.value);
+            for (const [className, offset] of forEachClassName(text)) {
+                yield* (0, styleScopedClasses_1.generateStyleScopedClassReference)(template, className, start + offset);
             }
         }
         else if (prop.type === CompilerDOM.NodeTypes.DIRECTIVE

package/lib/codegen/template/elementProps.js

@@ -154,7 +154,16 @@ function* generateElementProps(options, ctx, node, props, strictPropsCheck, fail
                 yield `...{ `;
             }
             const token = yield* (0, boundary_1.startBoundary)('template', prop.loc.start.offset, codeFeatures_1.codeFeatures.verification);
-            yield* (0, objectProperty_1.generateObjectProperty)(options, ctx, prop.name, prop.loc.start.offset, features, shouldCamelize);
+            const prefix = options.template.content.slice(prop.loc.start.offset, prop.loc.start.offset + 1);
+            if (prefix === '.' || prefix === '#') {
+                // Pug shorthand syntax
+                for (const char of prop.name) {
+                    yield [char, 'template', prop.loc.start.offset, features];
+                }
+            }
+            else {
+                yield* (0, objectProperty_1.generateObjectProperty)(options, ctx, prop.name, prop.loc.start.offset, features, shouldCamelize);
+            }
             yield `: `;
             if (prop.name === 'style') {
                 yield `{}`;

package/lib/codegen/template/slotOutlet.js

@@ -121,7 +121,9 @@ function* generateSlotOutlet(options, ctx, node) {
             }
             const expVar = ctx.getInternalVariable();
             yield `var ${expVar} = __VLS_tryAsConstant(`;
-            yield* (0, interpolation_1.generateInterpolation)(options, ctx, options.template, codeFeatures_1.codeFeatures.all, nameProp.exp.content, nameProp.exp.loc.start.offset);
+            yield* (0, interpolation_1.generateInterpolation)(options, ctx, options.template, isShortHand
+                ? codeFeatures_1.codeFeatures.withoutHighlightAndCompletion
+                : codeFeatures_1.codeFeatures.all, nameProp.exp.content, nameProp.exp.loc.start.offset);
             yield `)${utils_1.endOfLine}`;
             ctx.dynamicSlots.push({
                 expVar: ctx.getHoistVariable(expVar),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/language-core",
-	"version": "3.2.1",
+	"version": "3.2.2",
 	"license": "MIT",
 	"files": [
 		"**/*.js",
@@ -28,5 +28,5 @@
 		"@volar/typescript": "2.4.27",
 		"@vue/compiler-sfc": "^3.5.0"
 	},
-	"gitHead": "fad5a89205579e6a0902d7ee5bae3db7b510e2f4"
+	"gitHead": "17394f4e80c2267e8b7159468ab40c948ea37d65"
 }