@vue/language-core 3.3.5 → 3.3.7

package/lib/codegen/utils/index.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.identifierRegex = exports.endOfLine = exports.newLine = void 0;
+exports.identifierRE = exports.endOfLine = exports.newLine = void 0;
 exports.getTypeScriptAST = getTypeScriptAST;
 exports.generateSfcBlockSection = generateSfcBlockSection;
 exports.forEachNode = forEachNode;
 const codeFeatures_1 = require("../codeFeatures");
 exports.newLine = `\n`;
 exports.endOfLine = `;${exports.newLine}`;
-exports.identifierRegex = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/;
-const cacheMaps = new Map();
+exports.identifierRE = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/;
+const cacheMaps = new WeakMap();
 function getTypeScriptAST(ts, block, text) {
     if (!cacheMaps.has(block)) {
         cacheMaps.set(block, [block.content, new Map()]);

package/lib/codegen/utils/stringLiteralKey.js

@@ -7,11 +7,11 @@ function* generateStringLiteralKey(code, offset, info) {
         yield `'${code}'`;
     }
     else {
-        const token = yield* (0, boundary_1.startBoundary)('template', offset, info);
+        const boundary = yield* boundary_1.Boundary.start('template', offset, info);
         yield `'`;
-        yield [code, 'template', offset, { __combineToken: token }];
+        yield [code, 'template', offset, boundary.features];
         yield `'`;
-        yield (0, boundary_1.endBoundary)(token, offset + code.length);
+        yield boundary.end(offset + code.length);
     }
 }
 //# sourceMappingURL=stringLiteralKey.js.map

package/lib/codegen/utils/unicode.d.ts

@@ -1,2 +1,2 @@
 import type { Code, VueCodeInformation } from '../../types';
-export declare function generateUnicode(code: string, offset: number, info: VueCodeInformation): Generator<Code>;
+export declare function generateUnicode(code: string, offset: number, features: VueCodeInformation): Generator<Code>;

package/lib/codegen/utils/unicode.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateUnicode = generateUnicode;
 const boundary_1 = require("./boundary");
-function* generateUnicode(code, offset, info) {
+function* generateUnicode(code, offset, features) {
     if (needToUnicode(code)) {
-        const token = yield* (0, boundary_1.startBoundary)('template', offset, info);
+        const boundary = yield* boundary_1.Boundary.start('template', offset, features);
         yield toUnicode(code);
-        yield (0, boundary_1.endBoundary)(token, offset + code.length);
+        yield boundary.end(offset + code.length);
     }
     else {
-        yield [code, 'template', offset, info];
+        yield [code, 'template', offset, features];
     }
 }
 function needToUnicode(str) {

package/lib/languagePlugin.js

@@ -40,6 +40,7 @@ const language_core_1 = require("@volar/language-core");
 const CompilerDOM = __importStar(require("@vue/compiler-dom"));
 const LanguageCore = __importStar(require("../index"));
 const plugins_1 = require("./plugins");
+const vue_tsx_1 = require("./plugins/vue-tsx");
 const virtualCode_1 = require("./virtualCode");
 const fileRegistries = {};
 function getVueFileRegistry(compilerOptions, vueCompilerOptions, plugins) {
@@ -111,7 +112,7 @@ function createVueLanguagePlugin(ts, compilerOptions, vueCompilerOptions, asFile
             })),
             getServiceScript(root) {
                 for (const code of (0, language_core_1.forEachEmbeddedCode)(root)) {
-                    if (/script_(js|jsx|ts|tsx)/.test(code.id)) {
+                    if (vue_tsx_1.serviceScriptRE.test(code.id)) {
                         const lang = code.id.slice('script_'.length);
                         return {
                             code,

package/lib/parsers/scriptRanges.d.ts

@@ -3,6 +3,8 @@ import type { TextRange, VueCompilerOptions } from '../types';
 export interface ScriptRanges extends ReturnType<typeof parseScriptRanges> {
 }
 export declare function parseScriptRanges(ts: typeof import('typescript'), sourceFile: ts.SourceFile, vueCompilerOptions: VueCompilerOptions): {
+    bindings: TextRange<ts.Node>[];
+    components: TextRange<ts.Node>[];
     exportDefault: (TextRange<ts.Node> & {
         expression: TextRange<ts.Expression>;
         isObjectLiteral: boolean;
@@ -16,8 +18,6 @@ export declare function parseScriptRanges(ts: typeof import('typescript'), sourc
             inheritAttrs: string | undefined;
         };
     }) | undefined;
-    bindings: TextRange<ts.Node>[];
-    components: TextRange<ts.Node>[];
 };
 export declare function parseOptionsFromExtression(ts: typeof import('typescript'), exp: ts.Node, sourceFile: ts.SourceFile): {
     isObjectLiteral: boolean;

package/lib/parsers/scriptRanges.js

@@ -6,7 +6,6 @@ const shared_1 = require("../utils/shared");
 const utils_1 = require("./utils");
 function parseScriptRanges(ts, sourceFile, vueCompilerOptions) {
     let exportDefault;
-    const { bindings, components } = (0, utils_1.parseBindingRanges)(ts, sourceFile, vueCompilerOptions.extensions);
     ts.forEachChild(sourceFile, child => {
         if (ts.isExportAssignment(child)) {
             exportDefault = {
@@ -22,16 +21,14 @@ function parseScriptRanges(ts, sourceFile, vueCompilerOptions) {
         }
     });
     return {
+        ...(0, utils_1.parseBindingRanges)(ts, sourceFile, vueCompilerOptions.extensions),
         exportDefault,
-        bindings,
-        components,
     };
 }
 function parseOptionsFromExtression(ts, exp, sourceFile) {
     let obj;
-    while (isAsExpression(ts, exp) || ts.isParenthesizedExpression(exp)) { // fix https://github.com/vuejs/language-tools/issues/1882
-        exp = exp.expression;
-    }
+    // #1882
+    exp = (0, utils_1.getUnwrappedExpression)(ts, exp);
     if (ts.isObjectLiteralExpression(exp)) {
         obj = exp;
     }
@@ -83,8 +80,4 @@ function parseOptionsFromExtression(ts, exp, sourceFile) {
         return (0, shared_1.getNodeText)(ts, node, sourceFile);
     }
 }
-// isAsExpression is missing in tsc
-function isAsExpression(ts, node) {
-    return node.kind === ts.SyntaxKind.AsExpression;
-}
 //# sourceMappingURL=scriptRanges.js.map

package/lib/parsers/scriptSetupRanges.d.ts

@@ -42,10 +42,10 @@ export interface UseTemplateRef extends CallExpressionRange {
 export interface ScriptSetupRanges extends ReturnType<typeof parseScriptSetupRanges> {
 }
 export declare function parseScriptSetupRanges(ts: typeof import('typescript'), sourceFile: ts.SourceFile, vueCompilerOptions: VueCompilerOptions): {
-    leadingCommentEndOffset: number;
-    importSectionEndOffset: number;
     bindings: TextRange<ts.Node>[];
     components: TextRange<ts.Node>[];
+    leadingCommentEndOffset: number;
+    importSectionEndOffset: number;
     defineModel: DefineModel[];
     defineProps: DefineProps | undefined;
     withDefaults: CallExpressionRange | undefined;

package/lib/parsers/scriptSetupRanges.js

@@ -4,7 +4,7 @@ exports.parseScriptSetupRanges = parseScriptSetupRanges;
 const collectBindings_1 = require("../utils/collectBindings");
 const shared_1 = require("../utils/shared");
 const utils_1 = require("./utils");
-const tsCheckReg = /^\/\/\s*@ts-(?:no)?check(?:$|\s)/;
+const tsCheckRE = /^\/\/\s*@ts-(?:no)?check(?:$|\s)/;
 function parseScriptSetupRanges(ts, sourceFile, vueCompilerOptions) {
     const defineModel = [];
     let defineProps;
@@ -19,8 +19,7 @@ function parseScriptSetupRanges(ts, sourceFile, vueCompilerOptions) {
     const useTemplateRef = [];
     const text = sourceFile.text;
     const leadingCommentRanges = ts.getLeadingCommentRanges(text, 0)?.reverse() ?? [];
-    const leadingCommentEndOffset = leadingCommentRanges.find(range => tsCheckReg.test(text.slice(range.pos, range.end)))?.end ?? 0;
-    let { bindings, components } = (0, utils_1.parseBindingRanges)(ts, sourceFile, vueCompilerOptions.extensions);
+    const leadingCommentEndOffset = leadingCommentRanges.find(range => tsCheckRE.test(text.slice(range.pos, range.end)))?.end ?? 0;
     let foundNonImportExportNode = false;
     let importSectionEndOffset = 0;
     ts.forEachChild(sourceFile, node => {
@@ -47,16 +46,10 @@ function parseScriptSetupRanges(ts, sourceFile, vueCompilerOptions) {
         foundNonImportExportNode = true;
     });
     ts.forEachChild(sourceFile, node => visitNode(node, [sourceFile]));
-    const templateRefNames = new Set(useTemplateRef.map(ref => ref.name));
-    bindings = bindings.filter(range => {
-        const name = text.slice(range.start, range.end);
-        return !templateRefNames.has(name);
-    });
     return {
+        ...(0, utils_1.parseBindingRanges)(ts, sourceFile, vueCompilerOptions.extensions),
         leadingCommentEndOffset,
         importSectionEndOffset,
-        bindings,
-        components,
         defineModel,
         defineProps,
         withDefaults,

package/lib/parsers/utils.d.ts

@@ -5,3 +5,4 @@ export declare function parseBindingRanges(ts: typeof import('typescript'), ast:
     components: TextRange<ts.Node>[];
 };
 export declare function getClosestMultiLineCommentRange(ts: typeof import('typescript'), node: ts.Node, parents: ts.Node[], ast: ts.SourceFile): TextRange | undefined;
+export declare function getUnwrappedExpression(ts: typeof import('typescript'), node: ts.Node): ts.Node;

package/lib/parsers/utils.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseBindingRanges = parseBindingRanges;
 exports.getClosestMultiLineCommentRange = getClosestMultiLineCommentRange;
+exports.getUnwrappedExpression = getUnwrappedExpression;
 const collectBindings_1 = require("../utils/collectBindings");
 const shared_1 = require("../utils/shared");
 function parseBindingRanges(ts, ast, componentExtsensions) {
@@ -91,4 +92,13 @@ function getClosestMultiLineCommentRange(ts, node, parents, ast) {
         };
     }
 }
+function getUnwrappedExpression(ts, node) {
+    while (ts.isParenthesizedExpression(node)
+        || ts.isAssertionExpression(node)
+        || ts.isNonNullExpression(node)
+        || ts.isSatisfiesExpression(node)) {
+        node = node.expression;
+    }
+    return node;
+}
 //# sourceMappingURL=utils.js.map

package/lib/parsers/vueCompilerOptions.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseVueCompilerOptions = parseVueCompilerOptions;
-const syntaxReg = /^\s*@(?<key>.+?)\s+(?<value>.+?)\s*$/m;
+const syntaxRE = /^\s*@(?<key>.+?)\s+(?<value>.+?)\s*$/m;
 function parseVueCompilerOptions(comments) {
     const entries = comments
         .map(text => {
         try {
-            const match = text.match(syntaxReg);
+            const match = text.match(syntaxRE);
             if (match) {
                 const { key, value } = match.groups ?? {};
                 return [key, JSON.parse(value)];

package/lib/plugins/file-html.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const sfcBlockReg = /<(script|style)\b([\s\S]*?)>([\s\S]*?)<\/\1>/g;
-const langReg = /\blang\s*=\s*(['"]?)(\S*)\b\1/;
+const sfcBlockRE = /<(script|style)\b([\s\S]*?)>([\s\S]*?)<\/\1>/g;
+const langRE = /\blang\s*=\s*(['"]?)(\S*)\b\1/;
 const plugin = ({ vueCompilerOptions }) => {
     return {
         version: 2.2,
@@ -34,11 +34,11 @@ const plugin = ({ vueCompilerOptions }) => {
                 errors: [],
             };
             let templateContent = content;
-            for (const match of content.matchAll(sfcBlockReg)) {
+            for (const match of content.matchAll(sfcBlockRE)) {
                 const matchText = match[0];
                 const tag = match[1];
                 const attrs = match[2];
-                const lang = attrs.match(langReg)?.[2];
+                const lang = attrs.match(langRE)?.[2];
                 const content = match[3];
                 const contentStart = match.index + matchText.indexOf(content);
                 if (tag === 'style') {

package/lib/plugins/file-md.js

@@ -4,14 +4,14 @@ const language_core_1 = require("@volar/language-core");
 const muggle_string_1 = require("muggle-string");
 const buildMappings_1 = require("../utils/buildMappings");
 const parseSfc_1 = require("../utils/parseSfc");
-const frontmatterReg = /^---[\s\S]*?\n---(?:\r?\n|$)/;
-const codeblockReg = /(`{3}|\${2})[\s\S]+?\1/g;
-const codeSnippetImportReg = /^\s*<<<\s*.+/gm;
-const sfcBlockReg = /<(script|style)\b[^>]*>([\s\S]*?)<\/\1>/g;
-const htmlTagReg = /(?<=<\/?)([a-z][a-z0-9-]*)\b[^>]*(?=>)/gi;
-const interpolationReg = /(?<=\{\{)[\s\S]*?(?=\}\})/g;
-const inlineCodeReg = /(`{1,2})[^`]+\1/g;
-const angleBracketReg = /<[^\s:]*:\S*>/g;
+const frontmatterRE = /^---[\s\S]*?\n---(?:\r?\n|$)/;
+const codeblockRE = /(`{3}|\${2})[\s\S]+?\1/g;
+const codeSnippetImportRE = /^\s*<<<\s*.+/gm;
+const sfcBlockRE = /<(script|style)\b[^>]*>([\s\S]*?)<\/\1>/g;
+const htmlTagRE = /(?<=<\/?)([a-z][a-z0-9-]*)\b[^>]*(?=>)/gi;
+const interpolationRE = /(?<=\{\{)[\s\S]*?(?=\}\})/g;
+const inlineCodeRE = /(`{1,2})[^`]+\1/g;
+const angleBracketRE = /<[^\s:]*:\S*>/g;
 const plugin = ({ vueCompilerOptions }) => {
     return {
         version: 2.2,
@@ -27,23 +27,23 @@ const plugin = ({ vueCompilerOptions }) => {
             if (languageId !== 'markdown') {
                 return;
             }
-            for (const reg of [frontmatterReg, codeblockReg, codeSnippetImportReg]) {
-                content = content.replace(reg, match => ' '.repeat(match.length));
+            for (const pattern of [frontmatterRE, codeblockRE, codeSnippetImportRE]) {
+                content = content.replace(pattern, match => ' '.repeat(match.length));
             }
             const codes = [];
-            for (const { 0: text, index } of content.matchAll(sfcBlockReg)) {
+            for (const { 0: text, index } of content.matchAll(sfcBlockRE)) {
                 codes.push([text, undefined, index]);
                 codes.push('\n\n');
                 content = content.slice(0, index) + ' '.repeat(text.length) + content.slice(index + text.length);
             }
             const ranges = [];
-            for (const reg of [htmlTagReg, interpolationReg]) {
-                for (const { 0: text, index } of content.matchAll(reg)) {
+            for (const pattern of [htmlTagRE, interpolationRE]) {
+                for (const { 0: text, index } of content.matchAll(pattern)) {
                     ranges.push([index, index + text.length]);
                 }
             }
-            for (const reg of [inlineCodeReg, angleBracketReg]) {
-                for (const { 0: text, index } of content.matchAll(reg)) {
+            for (const pattern of [inlineCodeRE, angleBracketRE]) {
+                for (const { 0: text, index } of content.matchAll(pattern)) {
                     if (ranges.some(([start, end]) => index >= start && index < end)) {
                         continue;
                     }

package/lib/plugins/file-vue.js

@@ -50,8 +50,8 @@ const plugin = ({ vueCompilerOptions }) => {
                 + change.newText
                 + hitBlock.content.slice(change.end - hitBlock.loc.start.offset);
             // #3449
-            const endTagRegex = new RegExp(`</\\s*${hitBlock.type}\\s*>`);
-            const insertedEndTag = endTagRegex.test(oldContent) !== endTagRegex.test(newContent);
+            const endTagRE = new RegExp(`</\\s*${hitBlock.type}\\s*>`);
+            const insertedEndTag = endTagRE.test(oldContent) !== endTagRE.test(newContent);
             if (insertedEndTag) {
                 return;
             }

package/lib/plugins/vue-root-tags.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const muggle_string_1 = require("muggle-string");
-const shared_1 = require("./shared");
+const codeFeatures_1 = require("../codegen/codeFeatures");
 const plugin = () => {
     return {
         version: 2.2,
@@ -13,7 +13,7 @@ const plugin = () => {
         },
         resolveEmbeddedCode(_fileName, ir, embeddedFile) {
             if (embeddedFile.id === 'root_tags') {
-                embeddedFile.content.push([ir.content, undefined, 0, shared_1.allCodeFeatures]);
+                embeddedFile.content.push([ir.content, undefined, 0, codeFeatures_1.codeFeatures.full]);
                 for (const block of [
                     ir.template,
                     ir.script,
@@ -30,7 +30,7 @@ const plugin = () => {
                         '',
                         undefined,
                         block.startTagEnd + offset,
-                        { structure: true },
+                        codeFeatures_1.codeFeatures.structure,
                     ], ir.content.slice(block.startTagEnd + offset, block.endTagStart));
                 }
             }

package/lib/plugins/vue-sfc-customblocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const shared_1 = require("./shared");
+const codeFeatures_1 = require("../codegen/codeFeatures");
 const plugin = () => {
     return {
         version: 2.2,
@@ -18,7 +18,7 @@ const plugin = () => {
                     customBlock.content,
                     customBlock.name,
                     0,
-                    shared_1.allCodeFeatures,
+                    codeFeatures_1.codeFeatures.full,
                 ]);
             }
         },

package/lib/plugins/vue-sfc-scripts.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const codeFeatures_1 = require("../codegen/codeFeatures");
 const plugin = () => {
     return {
         version: 2.2,
@@ -24,10 +25,7 @@ const plugin = () => {
                     script.content,
                     script.name,
                     0,
-                    {
-                        structure: true,
-                        format: true,
-                    },
+                    codeFeatures_1.codeFeatures.structureAndFormat,
                 ]);
             }
         },

package/lib/plugins/vue-sfc-styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const shared_1 = require("./shared");
+const codeFeatures_1 = require("../codegen/codeFeatures");
 const plugin = () => {
     return {
         version: 2.2,
@@ -34,7 +34,7 @@ const plugin = () => {
                             binding.text,
                             style.name,
                             binding.offset,
-                            shared_1.allCodeFeatures,
+                            codeFeatures_1.codeFeatures.full,
                         ], ');\n');
                     }
                 }
@@ -43,7 +43,7 @@ const plugin = () => {
                         style.content,
                         style.name,
                         0,
-                        shared_1.allCodeFeatures,
+                        codeFeatures_1.codeFeatures.full,
                     ]);
                 }
             }

package/lib/plugins/vue-sfc-template.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const shared_1 = require("./shared");
+const codeFeatures_1 = require("../codegen/codeFeatures");
 const plugin = () => {
     return {
         version: 2.2,
@@ -19,7 +19,7 @@ const plugin = () => {
                     ir.template.content,
                     ir.template.name,
                     0,
-                    shared_1.allCodeFeatures,
+                    codeFeatures_1.codeFeatures.full,
                 ]);
             }
         },

package/lib/plugins/vue-style-css.js

@@ -13,50 +13,103 @@ const plugin = () => {
     };
 };
 exports.default = plugin;
-const cssImportReg = /(?<=@import\s+url\()(["']?).*?\1(?=\))|(?<=@import\b\s*)(["']).*?\2/g;
-const cssBindingReg = /\bv-bind\(\s*(?:'([^']+)'|"([^"]+)"|([a-z_]\w*))\s*\)/gi;
-const cssClassNameReg = /(?=(\.[a-z_][-\w]*)[\s.,+~>:#)[{])/gi;
-const commentReg = /(?<=\/\*)[\s\S]*?(?=\*\/)|(?<=\/\/)[\s\S]*?(?=\n)/g;
-const fragmentReg = /(?<={)[^{]*(?=(?<!\\);)/g;
+const cssImportRE = /(?<=@import\s+url\()(["']?).*?\1(?=\))|(?<=@import\b\s*)(["']).*?\2/g;
+const cssBindingRE = /\bv-bind\s*\(/g;
+const cssClassNameRE = /\.[a-z_][-\w]*(?=[\s.,+~>:#)[{])/gi;
+const commentRE = /(?<=\/\*)[\s\S]*?(?=\*\/)|(?<=\/\/)[\s\S]*?(?=\n)/g;
+const fragmentRE = /(?<={)[^{]*(?=(?<!\\);)/g;
 function* parseCssImports(css) {
-    const matches = css.matchAll(cssImportReg);
-    for (const match of matches) {
-        let text = match[0];
-        let offset = match.index;
-        if (text.startsWith("'") || text.startsWith('"')) {
-            text = text.slice(1, -1);
-            offset += 1;
-        }
-        if (text) {
-            yield { text, offset };
-        }
+    for (const match of css.matchAll(cssImportRE)) {
+        yield trimQuotes(match[0], match.index);
     }
 }
 function* parseCssBindings(css) {
-    css = fillBlank(css, commentReg);
-    const matchs = css.matchAll(cssBindingReg);
-    for (const match of matchs) {
-        const matchText = match.slice(1).find(t => t);
-        if (matchText) {
-            const offset = match.index + css.slice(match.index).indexOf(matchText);
-            yield { offset, text: matchText };
+    css = fillBlank(css, commentRE);
+    for (const match of css.matchAll(cssBindingRE)) {
+        const start = match.index + match[0].length;
+        const end = lexBinding(css, start);
+        if (end !== null) {
+            yield trimQuotes(css.slice(start, end), start, false);
         }
     }
 }
-function* parseCssClassNames(css) {
-    css = fillBlank(css, commentReg, fragmentReg);
-    const matches = css.matchAll(cssClassNameReg);
-    for (const match of matches) {
-        const matchText = match[1];
-        if (matchText) {
-            yield { offset: match.index, text: matchText };
+var LexerState;
+(function (LexerState) {
+    LexerState[LexerState["inParens"] = 0] = "inParens";
+    LexerState[LexerState["inSingleQuoteString"] = 1] = "inSingleQuoteString";
+    LexerState[LexerState["inDoubleQuoteString"] = 2] = "inDoubleQuoteString";
+})(LexerState || (LexerState = {}));
+// https://github.com/vuejs/core/blob/c0606e91798c8dca4f33d101e1dd836d672592c1/packages/compiler-sfc/src/style/cssVars.ts#L93
+function lexBinding(content, start) {
+    let state = LexerState.inParens;
+    let parenDepth = 0;
+    for (let i = start; i < content.length; i++) {
+        const char = content.charAt(i);
+        switch (state) {
+            case LexerState.inParens:
+                if (char === `'`) {
+                    state = LexerState.inSingleQuoteString;
+                }
+                else if (char === `"`) {
+                    state = LexerState.inDoubleQuoteString;
+                }
+                else if (char === `(`) {
+                    parenDepth++;
+                }
+                else if (char === `)`) {
+                    if (parenDepth > 0) {
+                        parenDepth--;
+                    }
+                    else {
+                        return i;
+                    }
+                }
+                break;
+            case LexerState.inSingleQuoteString:
+                if (char === `'`) {
+                    state = LexerState.inParens;
+                }
+                break;
+            case LexerState.inDoubleQuoteString:
+                if (char === `"`) {
+                    state = LexerState.inParens;
+                }
+                break;
         }
     }
+    return null;
 }
-function fillBlank(css, ...regs) {
-    for (const reg of regs) {
-        css = css.replace(reg, match => ' '.repeat(match.length));
+function* parseCssClassNames(css) {
+    css = fillBlank(css, commentRE, fragmentRE);
+    for (const match of css.matchAll(cssClassNameRE)) {
+        yield { text: match[0], offset: match.index };
+    }
+}
+function fillBlank(css, ...patterns) {
+    for (const pattern of patterns) {
+        css = css.replace(pattern, match => ' '.repeat(match.length));
     }
     return css;
 }
+function trimQuotes(text, offset, trim = true) {
+    let start = 0;
+    let end = text.length;
+    if (trim || text.includes('"') || text.includes("'")) {
+        while (start < text.length && !text[start]?.trim()) {
+            start++;
+        }
+        while (end >= 0 && !text[end - 1]?.trim()) {
+            end--;
+        }
+    }
+    if (text[start] === '"' && text[end - 1] === '"'
+        || text[start] === "'" && text[end - 1] === "'") {
+        start++;
+        end--;
+    }
+    return {
+        text: text.slice(start, end),
+        offset: offset + start,
+    };
+}
 //# sourceMappingURL=vue-style-css.js.map

package/lib/plugins/vue-template-html.js

@@ -35,7 +35,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 const CompilerDOM = __importStar(require("@vue/compiler-dom"));
 const compile_1 = require("../template/compile");
-const shouldAddSuffix = /(?<=<[^>/]+)$/;
+const shouldAddSuffixRE = /(?<=<[^>/]+)$/;
 const plugin = () => {
     return {
         version: 2.2,
@@ -43,7 +43,7 @@ const plugin = () => {
             if (lang === 'html' || lang === 'md') {
                 let addedSuffix = false;
                 // #4583
-                if (shouldAddSuffix.test(template)) {
+                if (shouldAddSuffixRE.test(template)) {
                     template += '>';
                     addedSuffix = true;
                 }
@@ -63,7 +63,7 @@ const plugin = () => {
             // @ts-expect-error
             if (oldResult.__addedSuffix) {
                 const originalTemplate = newSource.slice(0, -1); // remove added '>'
-                if (!shouldAddSuffix.test(originalTemplate)) {
+                if (!shouldAddSuffixRE.test(originalTemplate)) {
                     return undefined;
                 }
             }

package/lib/plugins/vue-template-inline-css.js

@@ -34,14 +34,9 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 const CompilerDOM = __importStar(require("@vue/compiler-dom"));
+const codeFeatures_1 = require("../codegen/codeFeatures");
 const forEachTemplateNode_1 = require("../utils/forEachTemplateNode");
 const shared_1 = require("../utils/shared");
-const shared_2 = require("./shared");
-const codeFeatures = {
-    ...shared_2.allCodeFeatures,
-    format: false,
-    structure: false,
-};
 const plugin = () => {
     return {
         version: 2.2,
@@ -69,7 +64,7 @@ function* generate(templateAst) {
                 && prop.value) {
                 yield `x { `;
                 const [content, offset] = (0, shared_1.normalizeAttributeValue)(prop.value);
-                yield [content, 'template', offset, codeFeatures];
+                yield [content, 'template', offset, codeFeatures_1.codeFeatures.all];
                 yield ` }\n`;
             }
         }