@vue/language-core 1.8.3 → 1.8.5

package/out/generators/script.js

@@ -7,7 +7,7 @@ const shared_1 = require("@vue/shared");
 const path_1 = require("path");
 const shared_2 = require("../utils/shared");
 const transform_1 = require("../utils/transform");
-const sharedTypes = require("../utils/directorySharedTypes");
+const sharedTypes = require("../utils/globalTypes");
 const muggle = require("muggle-string");
 function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htmlGen, compilerOptions, vueCompilerOptions, codegenStack) {
     const [codes, codeStacks] = codegenStack ? muggle.track([]) : [[], []];
@@ -648,7 +648,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
                     const templateStart = (0, source_map_1.getLength)(codes);
                     codes.push(varName);
                     const templateEnd = (0, source_map_1.getLength)(codes);
-                    codes.push(`: {} as typeof `);
+                    codes.push(`: ${varName} as typeof `);
                     const scriptStart = (0, source_map_1.getLength)(codes);
                     codes.push(varName);
                     const scriptEnd = (0, source_map_1.getLength)(codes);
@@ -723,26 +723,26 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
                 continue;
             codes.push(`${style.module}: Record<string, string> & __VLS_Prettify<{}`);
             for (const className of style.classNames) {
-                generateCssClassProperty(i, className.text.substring(1), { start: className.offset, end: className.offset + className.text.length }, 'string', false);
+                generateCssClassProperty(i, className.text.substring(1), { start: className.offset, end: className.offset + className.text.length }, 'string', false, true);
             }
             codes.push('>;\n');
         }
         codes.push(`};\n`);
         /* Components */
         codes.push('/* Components */\n');
-        codes.push(`let __VLS_localComponents!: NonNullable<typeof __VLS_internalComponent extends { components: infer C } ? C : {}> & typeof __VLS_componentsOption & typeof __VLS_ctx;\n`);
-        codes.push(`let __VLS_otherComponents!: typeof __VLS_localComponents & __VLS_GlobalComponents;\n`);
+        codes.push(`let __VLS_otherComponents!: NonNullable<typeof __VLS_internalComponent extends { components: infer C } ? C : {}> & typeof __VLS_componentsOption;\n`);
         codes.push(`let __VLS_own!: __VLS_SelfComponent<typeof __VLS_name, typeof __VLS_internalComponent & typeof __VLS_publicComponent & (new () => { ${(0, shared_2.getSlotsPropertyName)(vueCompilerOptions.target)}: typeof __VLS_slots })>;\n`);
-        codes.push(`let __VLS_components!: typeof __VLS_otherComponents & Omit<typeof __VLS_own, keyof typeof __VLS_otherComponents>;\n`);
+        codes.push(`let __VLS_localComponents!: typeof __VLS_otherComponents & Omit<typeof __VLS_own, keyof typeof __VLS_otherComponents>;\n`);
+        codes.push(`let __VLS_components!: typeof __VLS_localComponents & __VLS_GlobalComponents & typeof __VLS_ctx;\n`); // for html completion, TS references...
         /* Style Scoped */
         codes.push('/* Style Scoped */\n');
         codes.push('type __VLS_StyleScopedClasses = {}');
         for (let i = 0; i < _sfc.styles.length; i++) {
             const style = _sfc.styles[i];
-            if (!style.scoped)
+            if (!style.scoped && vueCompilerOptions.experimentalResolveStyleCssClasses !== 'always')
                 continue;
             for (const className of style.classNames) {
-                generateCssClassProperty(i, className.text.substring(1), { start: className.offset, end: className.offset + className.text.length }, 'boolean', true);
+                generateCssClassProperty(i, className.text.substring(1), { start: className.offset, end: className.offset + className.text.length }, 'boolean', true, !style.module);
             }
         }
         codes.push(';\n');
@@ -773,7 +773,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
         }
         codes.push(`return __VLS_slots;\n`);
         return { cssIds };
-        function generateCssClassProperty(styleIndex, className, classRange, propertyType, optional) {
+        function generateCssClassProperty(styleIndex, className, classRange, propertyType, optional, referencesCodeLens) {
             codes.push(`\n & { `);
             codes.push([
                 '',
@@ -781,7 +781,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
                 classRange.start,
                 {
                     references: true,
-                    referencesCodeLens: true,
+                    referencesCodeLens,
                 },
             ]);
             codes.push(`'`);

package/out/generators/template.js

@@ -41,7 +41,8 @@ const formatBrackets = {
     curly: ['0 +', '+ 0;'],
     event: ['() => ', ';'],
 };
-const validTsVar = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/;
+const validTsVarReg = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/;
+const colonReg = /:/g;
 // @ts-ignore
 const transformContext = {
     onError: () => { },
@@ -75,7 +76,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
     let ignoreStart;
     let expectedErrorStart;
     let expectedErrorNode;
-    const componentVars = generateComponentVars();
+    generatePreResolveComponents();
     if (sfc.templateAst) {
         visitNode(sfc.templateAst, undefined, undefined, undefined);
     }
@@ -121,7 +122,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
     function generateStyleScopedClasses() {
         const allClasses = new Set();
         for (const block of sfc.styles) {
-            if (block.scoped) {
+            if (block.scoped || vueCompilerOptions.experimentalResolveStyleCssClasses === 'always') {
                 for (const className of block.classNames) {
                     allClasses.add(className.text.substring(1));
                 }
@@ -143,31 +144,34 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
         }
         codes.push('}\n');
     }
-    function generateComponentVars() {
-        const data = {};
-        codes.push(`let __VLS_templateComponents!: {}\n`);
+    function toCanonicalComponentName(tagText) {
+        return validTsVarReg.test(tagText) ? tagText : (0, shared_1.capitalize)((0, shared_1.camelize)(tagText.replace(colonReg, '-')));
+    }
+    function getPossibleOriginalComponentName(tagText) {
+        return [...new Set([
+                // order is important: https://github.com/vuejs/language-tools/issues/2010
+                (0, shared_1.capitalize)((0, shared_1.camelize)(tagText)),
+                (0, shared_1.camelize)(tagText),
+                tagText,
+            ])];
+    }
+    function generatePreResolveComponents() {
+        codes.push(`let __VLS_resolvedLocalAndGlobalComponents!: {}\n`);
         for (const tagName in tagNames) {
             if (nativeTags.has(tagName))
                 continue;
             const isNamespacedTag = tagName.indexOf('.') >= 0;
             if (isNamespacedTag)
                 continue;
-            const validName = validTsVar.test(tagName) ? tagName : (0, shared_1.capitalize)((0, shared_1.camelize)(tagName.replace(/:/g, '-')));
-            codes.push(`& __VLS_WithComponent<'${validName}', typeof __VLS_components, `, 
+            codes.push(`& __VLS_WithComponent<'${toCanonicalComponentName(tagName)}', typeof __VLS_localComponents, `, 
             // order is important: https://github.com/vuejs/language-tools/issues/2010
             `"${(0, shared_1.capitalize)((0, shared_1.camelize)(tagName))}", `, `"${(0, shared_1.camelize)(tagName)}", `, `"${tagName}"`, '>\n');
-            data[tagName] = validName;
         }
         codes.push(`;\n`);
         for (const tagName in tagNames) {
             const tagOffsets = tagNames[tagName];
             const tagRanges = tagOffsets.map(offset => [offset, offset + tagName.length]);
-            const names = new Set(nativeTags.has(tagName) ? [tagName] : [
-                // order is important: https://github.com/vuejs/language-tools/issues/2010
-                (0, shared_1.capitalize)((0, shared_1.camelize)(tagName)),
-                (0, shared_1.camelize)(tagName),
-                tagName,
-            ]);
+            const names = nativeTags.has(tagName) ? [tagName] : getPossibleOriginalComponentName(tagName);
             for (const name of names) {
                 for (const tagRange of tagRanges) {
                     codes.push(nativeTags.has(tagName) ? '({} as __VLS_IntrinsicElements)' : '__VLS_components', ...createPropertyAccessCode([
@@ -185,28 +189,30 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 }
             }
             codes.push('\n');
-            const validName = data[tagName];
-            if (validName) {
-                codes.push('// @ts-ignore\n', // #2304
-                '[');
-                for (const tagRange of tagRanges) {
-                    codes.push([
-                        validName,
-                        'template',
-                        tagRange,
-                        {
-                            completion: {
-                                additional: true,
-                                autoImportOnly: true,
-                            },
+            if (nativeTags.has(tagName))
+                continue;
+            const isNamespacedTag = tagName.indexOf('.') >= 0;
+            if (isNamespacedTag)
+                continue;
+            codes.push('// @ts-ignore\n', // #2304
+            '[');
+            const validName = toCanonicalComponentName(tagName);
+            for (const tagRange of tagRanges) {
+                codes.push([
+                    validName,
+                    'template',
+                    tagRange,
+                    {
+                        completion: {
+                            additional: true,
+                            autoImportOnly: true,
                         },
-                    ]);
-                    codes.push(',');
-                }
-                codes.push(`];\n`);
+                    },
+                ]);
+                codes.push(',');
             }
+            codes.push(`];\n`);
         }
-        return data;
     }
     function collectTagOffsets() {
         const tagOffsetsMap = {};
@@ -492,11 +498,12 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
         else if (dynamicTagExp) {
             codes.push(`const ${var_originalComponent} = `, ...createInterpolationCode(dynamicTagExp.loc.source, dynamicTagExp.loc, dynamicTagExp.loc.start.offset, capabilitiesPresets.all, '(', ')'), ';\n');
         }
-        else if (componentVars[tag]) {
-            codes.push(`const ${var_originalComponent} = __VLS_templateComponents['${componentVars[tag]}'];\n`);
-        }
         else {
-            codes.push(`const ${var_originalComponent} = {} as any;\n`);
+            codes.push(`let ${var_originalComponent}!: `);
+            for (const componentName of getPossibleOriginalComponentName(tag)) {
+                codes.push(`'${componentName}' extends keyof typeof __VLS_ctx ? typeof __VLS_ctx${validTsVarReg.test(componentName) ? `.${componentName}` : `['${componentName}']`} : `);
+            }
+            codes.push(`typeof __VLS_resolvedLocalAndGlobalComponents['${toCanonicalComponentName(tag)}'];\n`);
         }
         codes.push(`const ${var_functionalComponent} = __VLS_asFunctionalComponent(`, `${var_originalComponent}, `);
         if (isIntrinsicElement) {
@@ -507,21 +514,26 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
         }
         codes.push(');\n');
         for (const offset of tagOffsets) {
-            if (isNamespacedTag) {
+            if (isNamespacedTag || dynamicTagExp) {
                 continue;
             }
-            else if (dynamicTagExp) {
-                continue;
+            else if (isIntrinsicElement) {
+                codes.push(`({} as __VLS_IntrinsicElements).`);
+                codes.push([
+                    tag,
+                    'template',
+                    [offset, offset + tag.length],
+                    {
+                        ...capabilitiesPresets.tagHover,
+                        ...capabilitiesPresets.diagnosticOnly,
+                    },
+                ], ';\n');
             }
             else {
-                if (isIntrinsicElement) {
-                    codes.push(`({} as __VLS_IntrinsicElements).`);
-                }
-                else {
-                    codes.push(`__VLS_templateComponents.`);
-                }
+                const key = toCanonicalComponentName(tag);
+                codes.push(`({} as { ${key}: typeof ${var_originalComponent} }).`);
                 codes.push([
-                    componentVars[tag] ?? tag,
+                    key,
                     'template',
                     [offset, offset + tag.length],
                     {
@@ -575,7 +587,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
         }
         generateDirectives(node, var_originalComponent);
         generateElReferences(node); // <el ref="foo" />
-        if (sfc.styles.some(s => s.scoped)) {
+        if (sfc.styles.some(s => s.scoped || vueCompilerOptions.experimentalResolveStyleCssClasses === 'always')) {
             generateClassScoped(node);
         }
         if (componentCtxVar) {
@@ -1101,7 +1113,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
         const varSlot = `__VLS_${elementIndex++}`;
         const slotNameExpNode = getSlotNameExpNode();
         if (hasScriptSetupSlots) {
-            codes.push(['', 'template', node.loc.start.offset, capabilitiesPresets.diagnosticOnly], '__VLS_slots[', ['', 'template', node.loc.start.offset, capabilitiesPresets.diagnosticOnly], slotNameExpNode?.content ?? `('${getSlotName()}' as const)`, ['', 'template', node.loc.end.offset, capabilitiesPresets.diagnosticOnly], ']', ['', 'template', node.loc.end.offset, capabilitiesPresets.diagnosticOnly], '?.(', ['', 'template', startTagOffset, capabilitiesPresets.diagnosticOnly], '{\n');
+            codes.push('__VLS_normalizeSlot(', ['', 'template', node.loc.start.offset, capabilitiesPresets.diagnosticOnly], '__VLS_slots[', ['', 'template', node.loc.start.offset, capabilitiesPresets.diagnosticOnly], slotNameExpNode?.content ?? `('${getSlotName()}' as const)`, ['', 'template', node.loc.end.offset, capabilitiesPresets.diagnosticOnly], ']', ['', 'template', node.loc.end.offset, capabilitiesPresets.diagnosticOnly], ')?.(', ['', 'template', startTagOffset, capabilitiesPresets.diagnosticOnly], '{\n');
         }
         else {
             codes.push(`var ${varSlot} = {\n`);
@@ -1217,7 +1229,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
     }
     function createObjectPropertyCode(a, astHolder) {
         const aStr = typeof a === 'string' ? a : a[0];
-        if (validTsVar.test(aStr)) {
+        if (validTsVarReg.test(aStr)) {
             return [a];
         }
         else if (aStr.startsWith('[') && aStr.endsWith(']') && astHolder) {
@@ -1285,7 +1297,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
     }
     function createPropertyAccessCode(a, astHolder) {
         const aStr = typeof a === 'string' ? a : a[0];
-        if (!compilerOptions.noPropertyAccessFromIndexSignature && validTsVar.test(aStr)) {
+        if (!compilerOptions.noPropertyAccessFromIndexSignature && validTsVarReg.test(aStr)) {
             return ['.', a];
         }
         else if (aStr.startsWith('[') && aStr.endsWith(']')) {

package/out/index.d.ts

@@ -7,6 +7,6 @@ export * from './types';
 export * from './utils/ts';
 export * from './utils/parseSfc';
 export * as scriptRanges from './parsers/scriptRanges';
-export * as sharedTypes from './utils/directorySharedTypes';
+export * as sharedTypes from './utils/globalTypes';
 export * from '@volar/language-core';
 export * from '@volar/source-map';

package/out/index.js

@@ -24,7 +24,7 @@ __exportStar(require("./types"), exports);
 __exportStar(require("./utils/ts"), exports);
 __exportStar(require("./utils/parseSfc"), exports);
 exports.scriptRanges = require("./parsers/scriptRanges");
-exports.sharedTypes = require("./utils/directorySharedTypes");
+exports.sharedTypes = require("./utils/globalTypes");
 __exportStar(require("@volar/language-core"), exports);
 __exportStar(require("@volar/source-map"), exports);
 //# sourceMappingURL=index.js.map

package/out/languageModule.js

@@ -4,7 +4,7 @@ exports.createLanguages = exports.createLanguage = void 0;
 const path_1 = require("path");
 const plugins_1 = require("./plugins");
 const sourceFile_1 = require("./sourceFile");
-const sharedTypes = require("./utils/directorySharedTypes");
+const sharedTypes = require("./utils/globalTypes");
 const ts_1 = require("./utils/ts");
 function createLanguage(compilerOptions = {}, _vueCompilerOptions = {}, ts = require('typescript'), codegenStack = false) {
     const vueCompilerOptions = (0, ts_1.resolveVueCompilerOptions)(_vueCompilerOptions);
@@ -23,7 +23,7 @@ function createLanguage(compilerOptions = {}, _vueCompilerOptions = {}, ts = req
         },
         resolveHost(host) {
             const sharedTypesSnapshot = ts.ScriptSnapshot.fromString(sharedTypes.getTypesCode(vueCompilerOptions));
-            const sharedTypesFileName = path_1.posix.join(host.getCurrentDirectory(), sharedTypes.baseName);
+            const sharedTypesFileName = path_1.posix.join(host.rootPath, sharedTypes.baseName);
             return {
                 ...host,
                 getScriptFileNames() {

package/out/parsers/scriptSetupRanges.js

@@ -27,7 +27,14 @@ function parseScriptSetupRanges(ts, ast, vueCompilerOptions) {
             && !ts.isEmptyStatement(node)
             // fix https://github.com/vuejs/language-tools/issues/1223
             && !ts.isImportEqualsDeclaration(node)) {
-            importSectionEndOffset = node.getStart(ast, true);
+            const commentRanges = ts.getLeadingCommentRanges(ast.getFullText(), node.getFullStart());
+            if (commentRanges?.length) {
+                const commentRange = commentRanges.sort((a, b) => a.pos - b.pos)[0];
+                importSectionEndOffset = commentRange.pos;
+            }
+            else {
+                importSectionEndOffset = node.getStart(ast);
+            }
             foundNonImportExportNode = true;
         }
     });

package/out/plugins/file-html.js

@@ -1,4 +1,6 @@
 "use strict";
+const sfcBlockReg = /\<(script|style)\b([\s\S]*?)\>([\s\S]*?)\<\/\1\>/g;
+const langReg = /\blang\s*=\s*(['\"]?)(\S*)\b\1/;
 const plugin = () => {
     return {
         version: 1,
@@ -20,8 +22,6 @@ const plugin = () => {
                     errors: [],
                 };
                 let templateContent = content;
-                const sfcBlockReg = /\<(script|style)\b([\s\S]*?)\>([\s\S]*?)\<\/\1\>/g;
-                const langReg = /\blang\s*=\s*(['\"]?)(\S*)\b\1/;
                 for (const match of content.matchAll(sfcBlockReg)) {
                     const matchText = match[0];
                     const tag = match[1];

package/out/plugins/file-md.js

@@ -1,6 +1,12 @@
 "use strict";
 const source_map_1 = require("@volar/source-map");
 const parseSfc_1 = require("../utils/parseSfc");
+const codeblockReg = /```[\s\S]+?```/g;
+const inlineCodeblockReg = /`[^\n`]+?`/g;
+const scriptSetupReg = /\\\<[\s\S]+?\>\n?/g;
+const sfcBlockReg = /\<(script|style)\b[\s\S]*?\>([\s\S]*?)\<\/\1\>/g;
+const angleBracketReg = /\<\S*\:\S*\>/g;
+const linkReg = /\[[\s\S]*?\]\([\s\S]*?\)/g;
 const plugin = () => {
     return {
         version: 1,
@@ -8,12 +14,11 @@ const plugin = () => {
             if (fileName.endsWith('.md')) {
                 content = content
                     // code block
-                    .replace(/```[\s\S]+?```/g, match => '```' + ' '.repeat(match.length - 6) + '```')
+                    .replace(codeblockReg, match => '```' + ' '.repeat(match.length - 6) + '```')
                     // inline code block
-                    .replace(/`[^\n`]+?`/g, match => `\`${' '.repeat(match.length - 2)}\``)
+                    .replace(inlineCodeblockReg, match => `\`${' '.repeat(match.length - 2)}\``)
                     // # \<script setup>
-                    .replace(/\\\<[\s\S]+?\>\n?/g, match => ' '.repeat(match.length));
-                const sfcBlockReg = /\<(script|style)\b[\s\S]*?\>([\s\S]*?)\<\/\1\>/g;
+                    .replace(scriptSetupReg, match => ' '.repeat(match.length));
                 const codes = [];
                 for (const match of content.matchAll(sfcBlockReg)) {
                     if (match.index !== undefined) {
@@ -25,9 +30,9 @@ const plugin = () => {
                 }
                 content = content
                     // angle bracket: <http://foo.com>
-                    .replace(/\<\S*\:\S*\>/g, match => ' '.repeat(match.length))
+                    .replace(angleBracketReg, match => ' '.repeat(match.length))
                     // [foo](http://foo.com)
-                    .replace(/\[[\s\S]*?\]\([\s\S]*?\)/g, match => ' '.repeat(match.length));
+                    .replace(linkReg, match => ' '.repeat(match.length));
                 codes.push('<template>\n');
                 codes.push([content, undefined, 0]);
                 codes.push('\n</template>');

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

@@ -1,5 +1,6 @@
 "use strict";
 const language_core_1 = require("@volar/language-core");
+const customBlockReg = /^(.*)\.customBlock_([^_]+)_(\d+)\.([^.]+)$/;
 const plugin = () => {
     return {
         version: 1,
@@ -12,7 +13,7 @@ const plugin = () => {
             return names;
         },
         resolveEmbeddedFile(_fileName, sfc, embeddedFile) {
-            const match = embeddedFile.fileName.match(/^(.*)\.customBlock_([^_]+)_(\d+)\.([^.]+)$/);
+            const match = embeddedFile.fileName.match(customBlockReg);
             if (match) {
                 const index = parseInt(match[3]);
                 const customBlock = sfc.customBlocks[index];

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

@@ -1,5 +1,7 @@
 "use strict";
 const language_core_1 = require("@volar/language-core");
+const scriptFormatReg = /^(.*)\.script_format\.([^.]+)$/;
+const scriptSetupFormatReg = /^(.*)\.scriptSetup_format\.([^.]+)$/;
 const plugin = () => {
     return {
         version: 1,
@@ -14,8 +16,8 @@ const plugin = () => {
             return names;
         },
         resolveEmbeddedFile(_fileName, sfc, embeddedFile) {
-            const scriptMatch = embeddedFile.fileName.match(/^(.*)\.script_format\.([^.]+)$/);
-            const scriptSetupMatch = embeddedFile.fileName.match(/^(.*)\.scriptSetup_format\.([^.]+)$/);
+            const scriptMatch = embeddedFile.fileName.match(scriptFormatReg);
+            const scriptSetupMatch = embeddedFile.fileName.match(scriptSetupFormatReg);
             const script = scriptMatch ? sfc.script : scriptSetupMatch ? sfc.scriptSetup : undefined;
             if (script) {
                 embeddedFile.kind = language_core_1.FileKind.TextFile;

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

@@ -1,5 +1,6 @@
 "use strict";
 const language_core_1 = require("@volar/language-core");
+const styleReg = /^(.*)\.style_(\d+)\.([^.]+)$/;
 const plugin = () => {
     return {
         version: 1,
@@ -12,7 +13,7 @@ const plugin = () => {
             return names;
         },
         resolveEmbeddedFile(_fileName, sfc, embeddedFile) {
-            const match = embeddedFile.fileName.match(/^(.*)\.style_(\d+)\.([^.]+)$/);
+            const match = embeddedFile.fileName.match(styleReg);
             if (match) {
                 const index = parseInt(match[2]);
                 const style = sfc.styles[index];

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

@@ -1,5 +1,6 @@
 "use strict";
 const language_core_1 = require("@volar/language-core");
+const templateReg = /^(.*)\.template\.([^.]+)$/;
 const plugin = () => {
     return {
         version: 1,
@@ -10,7 +11,7 @@ const plugin = () => {
             return [];
         },
         resolveEmbeddedFile(_fileName, sfc, embeddedFile) {
-            const match = embeddedFile.fileName.match(/^(.*)\.template\.([^.]+)$/);
+            const match = embeddedFile.fileName.match(templateReg);
             if (match && sfc.template) {
                 embeddedFile.capabilities = language_core_1.FileCapabilities.full;
                 embeddedFile.content.push([

package/out/plugins/vue-tsx.js

@@ -7,6 +7,8 @@ const scriptRanges_1 = require("../parsers/scriptRanges");
 const scriptSetupRanges_1 = require("../parsers/scriptSetupRanges");
 const language_core_1 = require("@volar/language-core");
 const muggle = require("muggle-string");
+const templateFormatReg = /^\.template_format\.ts$/;
+const templateStyleCssReg = /^\.template_style\.css$/;
 const plugin = ({ modules, vueCompilerOptions, compilerOptions, codegenStack }) => {
     const ts = modules.typescript;
     const instances = new WeakMap();
@@ -43,7 +45,7 @@ const plugin = ({ modules, vueCompilerOptions, compilerOptions, codegenStack })
                     embeddedFile.mirrorBehaviorMappings = [...tsx.mirrorBehaviorMappings];
                 }
             }
-            else if (suffix.match(/^\.template_format\.ts$/)) {
+            else if (suffix.match(templateFormatReg)) {
                 embeddedFile.parentFileName = fileName + '.template.' + sfc.template?.lang;
                 embeddedFile.kind = language_core_1.FileKind.TextFile;
                 embeddedFile.capabilities = {
@@ -72,7 +74,7 @@ const plugin = ({ modules, vueCompilerOptions, compilerOptions, codegenStack })
                     }
                 }
             }
-            else if (suffix.match(/^\.template_style\.css$/)) {
+            else if (suffix.match(templateStyleCssReg)) {
                 embeddedFile.parentFileName = fileName + '.template.' + sfc.template?.lang;
                 if (_tsx.htmlGen.value) {
                     const [content, contentStacks] = codegenStack ? muggle.track([..._tsx.htmlGen.value.cssCodes], [..._tsx.htmlGen.value.cssCodeStacks]) : [[..._tsx.htmlGen.value.cssCodes], [..._tsx.htmlGen.value.cssCodeStacks]];

package/out/sourceFile.js

@@ -7,6 +7,7 @@ const reactivity_1 = require("@vue/reactivity");
 const muggle = require("muggle-string");
 const parseCssVars_1 = require("./utils/parseCssVars");
 const parseCssClassNames_1 = require("./utils/parseCssClassNames");
+const jsxReg = /^\.(js|ts)x?$/;
 class VueEmbeddedFile {
     constructor(fileName, content, contentStacks) {
         this.fileName = fileName;
@@ -23,7 +24,7 @@ class VueFile {
         return this._compiledSfcTemplate.value;
     }
     get mainScriptName() {
-        return this._allEmbeddedFiles.value.find(e => e.file.fileName.replace(this.fileName, '').match(/^\.(js|ts)x?$/))?.file.fileName ?? '';
+        return this._allEmbeddedFiles.value.find(e => e.file.fileName.replace(this.fileName, '').match(jsxReg))?.file.fileName ?? '';
     }
     get embeddedFiles() {
         return this._embeddedFiles.value;

package/out/utils/globalTypes.d.ts

@@ -0,0 +1,4 @@
+import { VueCompilerOptions } from '../types';
+export declare const baseName = "__VLS_types.d.ts";
+export declare function getTypesCode(vueCompilerOptions: VueCompilerOptions): string;
+export declare function genConstructorOverloads(name?: string, nums?: number): string;

package/out/utils/globalTypes.js

@@ -0,0 +1,154 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.genConstructorOverloads = exports.getTypesCode = exports.baseName = void 0;
+const shared_1 = require("./shared");
+exports.baseName = '__VLS_types.d.ts';
+function getTypesCode(vueCompilerOptions) {
+    return `
+// @ts-nocheck
+
+type __VLS_IntrinsicElements = __VLS_PickNotAny<import('vue/jsx-runtime').JSX.IntrinsicElements, __VLS_PickNotAny<JSX.IntrinsicElements, Record<string, any>>>;
+type __VLS_Element = __VLS_PickNotAny<import('vue/jsx-runtime').JSX.Element, JSX.Element>;
+
+type __VLS_IsAny<T> = 0 extends 1 & T ? true : false;
+type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
+
+type __VLS_Prettify<T> = {
+	[K in keyof T]: T[K];
+} & {};
+
+type __VLS_GlobalComponents =
+	__VLS_PickNotAny<import('vue').GlobalComponents, {}>
+	& __VLS_PickNotAny<import('@vue/runtime-core').GlobalComponents, {}>
+	& __VLS_PickNotAny<import('@vue/runtime-dom').GlobalComponents, {}>
+	& Pick<typeof import('${vueCompilerOptions.lib}'),
+		'Transition'
+		| 'TransitionGroup'
+		| 'KeepAlive'
+		| 'Suspense'
+		| 'Teleport'
+	>;
+
+// v-for
+declare function __VLS_getVForSourceType(source: number): [number, number, number][];
+declare function __VLS_getVForSourceType(source: string): [string, number, number][];
+declare function __VLS_getVForSourceType<T extends any[]>(source: T): [
+	T[number], // item
+	number, // key
+	number, // index
+][];
+declare function __VLS_getVForSourceType<T extends { [Symbol.iterator](): Iterator<any> }>(source: T): [
+	T extends { [Symbol.iterator](): Iterator<infer T1> } ? T1 : never, // item 
+	number, // key
+	undefined, // index
+][];
+declare function __VLS_getVForSourceType<T>(source: T): [
+	T[keyof T], // item
+	keyof T, // key
+	number, // index
+][];
+
+declare function __VLS_getSlotParams<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>;
+declare function __VLS_getSlotParam<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>[0];
+declare function __VLS_directiveFunction<T>(dir: T):
+	T extends import('${vueCompilerOptions.lib}').ObjectDirective<infer E, infer V> | import('${vueCompilerOptions.lib}').FunctionDirective<infer E, infer V> ? (el: E, value: V) => void
+	: T;
+declare function __VLS_withScope<T, K>(ctx: T, scope: K): ctx is T & K;
+declare function __VLS_makeOptional<T>(t: T): { [K in keyof T]?: T[K] };
+
+type __VLS_SelfComponent<N, C> = string extends N ? {} : N extends string ? { [P in N]: C } : {};
+type __VLS_WithComponent<N0 extends string, LocalComponents, N1 extends string, N2 extends string, N3 extends string> =
+	N1 extends keyof LocalComponents ? N1 extends N0 ? Pick<LocalComponents, N0> : { [K in N0]: LocalComponents[N1] } :
+	N2 extends keyof LocalComponents ? N2 extends N0 ? Pick<LocalComponents, N0> : { [K in N0]: LocalComponents[N2] } :
+	N3 extends keyof LocalComponents ? N3 extends N0 ? Pick<LocalComponents, N0> : { [K in N0]: LocalComponents[N3] } :
+	N1 extends keyof __VLS_GlobalComponents ? N1 extends N0 ? Pick<__VLS_GlobalComponents, N0> : { [K in N0]: __VLS_GlobalComponents[N1] } :
+	N2 extends keyof __VLS_GlobalComponents ? N2 extends N0 ? Pick<__VLS_GlobalComponents, N0> : { [K in N0]: __VLS_GlobalComponents[N2] } :
+	N3 extends keyof __VLS_GlobalComponents ? N3 extends N0 ? Pick<__VLS_GlobalComponents, N0> : { [K in N0]: __VLS_GlobalComponents[N3] } :
+	${vueCompilerOptions.strictTemplates ? '{}' : '{ [K in N0]: unknown }'}
+
+type __VLS_FillingEventArg_ParametersLength<E extends (...args: any) => any> = __VLS_IsAny<Parameters<E>> extends true ? -1 : Parameters<E>['length'];
+type __VLS_FillingEventArg<E> = E extends (...args: any) => any ? __VLS_FillingEventArg_ParametersLength<E> extends 0 ? ($event?: undefined) => ReturnType<E> : E : E;
+type __VLS_EmitEvent<F, E> =
+	F extends {
+		(event: E, ...payload: infer P): any
+	} ? (...payload: P) => void
+	: F extends {
+		(event: E, ...payload: infer P): any
+		(...args: any): any
+	} ? (...payload: P) => void
+	: F extends {
+		(event: E, ...payload: infer P): any
+		(...args: any): any
+		(...args: any): any
+	} ? (...payload: P) => void
+	: F extends {
+		(event: E, ...payload: infer P): any
+		(...args: any): any
+		(...args: any): any
+		(...args: any): any
+	} ? (...payload: P) => void
+	: unknown | '[Type Warning] Volar could not infer $emit event more than 4 overloads without DefineComponent. see https://github.com/vuejs/language-tools/issues/60';
+declare function __VLS_asFunctionalComponent<T, K = T extends new (...args: any) => any ? InstanceType<T> : unknown>(t: T, instance?: K):
+	T extends new (...args: any) => any
+	? (props: (K extends { $props: infer Props } ? Props : any)${vueCompilerOptions.strictTemplates ? '' : ' & Record<string, unknown>'}, ctx?: {
+		attrs?: any,
+		slots?: K extends { ${(0, shared_1.getSlotsPropertyName)(vueCompilerOptions.target)}: infer Slots } ? Slots : any,
+		emit?: K extends { $emit: infer Emit } ? Emit : any
+	}) => JSX.Element & { __ctx?: typeof ctx & { props?: typeof props; expose?(exposed: K): void; } }
+	: T extends () => any ? (props: {}, ctx?: any) => ReturnType<T>
+	: T extends (...args: any) => any ? T
+	: (_: T extends import('${vueCompilerOptions.lib}').VNode | import('${vueCompilerOptions.lib}').VNode[] | string ? {}: T${vueCompilerOptions.strictTemplates ? '' : ' & Record<string, unknown>'}, ctx?: any) => { __ctx?: { attrs?: any, expose?: any, slots?: any, emit?: any, props?: T${vueCompilerOptions.strictTemplates ? '' : ' & Record<string, unknown>'} } }; // IntrinsicElement
+declare function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): Parameters<T>['length'] extends 2 ? [any] : [];
+declare function __VLS_pickEvent<Emit, K, E>(emit: Emit, emitKey: K, event: E): __VLS_FillingEventArg<
+	__VLS_PickNotAny<
+		__VLS_AsFunctionOrAny<E>,
+		__VLS_AsFunctionOrAny<__VLS_EmitEvent<Emit, K>>
+	>
+> | undefined;
+declare function __VLS_pickFunctionalComponentCtx<T, K>(comp: T, compInstance: K): __VLS_PickNotAny<
+	K extends { __ctx?: infer Ctx } ? Ctx : any,
+	T extends (props: any, ctx: infer Ctx) => any ? Ctx : any
+>;
+type __VLS_AsFunctionOrAny<F> = unknown extends F ? any : ((...args: any) => any) extends F ? F : any;
+
+declare function __VLS_normalizeSlot<S>(s: S): S extends () => infer R ? (props: {}) => R : S;
+declare function __VLS_componentProps<T, K>(comp: T, fnReturn: K):
+	__VLS_PickNotAny<K, {}> extends { __ctx: { props: infer P } } ? NonNullable<P>
+	: T extends (props: infer P, ...args: any) => any ? NonNullable<P> :
+	{};
+`.trim();
+}
+exports.getTypesCode = getTypesCode;
+// TODO: not working for overloads > n (n = 8)
+// see: https://github.com/vuejs/language-tools/issues/60
+function genConstructorOverloads(name = 'ConstructorOverloads', nums) {
+    let code = '';
+    code += `type ${name}<T> =\n`;
+    if (nums === undefined) {
+        for (let i = 8; i >= 1; i--) {
+            gen(i);
+        }
+    }
+    else if (nums > 0) {
+        gen(nums);
+    }
+    code += `// 0\n`;
+    code += `{};\n`;
+    return code;
+    function gen(i) {
+        code += `// ${i}\n`;
+        code += `T extends {\n`;
+        for (let j = 1; j <= i; j++) {
+            code += `(event: infer E${j}, ...payload: infer P${j}): void;\n`;
+        }
+        code += `} ? (\n`;
+        for (let j = 1; j <= i; j++) {
+            if (j > 1)
+                code += '& ';
+            code += `(E${j} extends string ? { [K${j} in E${j}]: (...payload: P${j}) => void } : {})\n`;
+        }
+        code += `) :\n`;
+    }
+}
+exports.genConstructorOverloads = genConstructorOverloads;
+//# sourceMappingURL=globalTypes.js.map

package/out/utils/parseCssClassNames.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseCssClassNames = void 0;
 const parseCssVars_1 = require("./parseCssVars");
+const cssClassNameReg = /(?=([\.]{1}[a-zA-Z_]+[\w\_\-]*)[\s\.\+\{\>#\:]{1})/g;
 function* parseCssClassNames(styleContent) {
     styleContent = (0, parseCssVars_1.clearComments)(styleContent);
-    const cssClassNameRegex = /(?=([\.]{1}[a-zA-Z_]+[\w\_\-]*)[\s\.\+\{\>#\:]{1})/g;
-    const matchs = styleContent.matchAll(cssClassNameRegex);
-    for (const match of matchs) {
+    const matches = styleContent.matchAll(cssClassNameReg);
+    for (const match of matches) {
         if (match.index !== undefined) {
             const matchText = match[1];
             if (matchText !== undefined) {

package/out/utils/parseCssVars.js

@@ -1,11 +1,13 @@
 "use strict";
+// https://github.com/vuejs/core/blob/main/packages/compiler-sfc/src/cssVars.ts#L47-L61
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.clearComments = exports.parseCssVars = void 0;
-// https://github.com/vuejs/core/blob/main/packages/compiler-sfc/src/cssVars.ts#L47-L61
+const vBindCssVarReg = /\bv-bind\(\s*(?:'([^']+)'|"([^"]+)"|([^'"][^)]*))\s*\)/g;
+const commentReg1 = /\/\*([\s\S]*?)\*\//g;
+const commentReg2 = /\/\/([\s\S]*?)\n/g;
 function* parseCssVars(styleContent) {
     styleContent = clearComments(styleContent);
-    const reg = /\bv-bind\(\s*(?:'([^']+)'|"([^"]+)"|([^'"][^)]*))\s*\)/g;
-    const matchs = styleContent.matchAll(reg);
+    const matchs = styleContent.matchAll(vBindCssVarReg);
     for (const match of matchs) {
         if (match.index !== undefined) {
             const matchText = match[1] ?? match[2] ?? match[3];
@@ -19,8 +21,8 @@ function* parseCssVars(styleContent) {
 exports.parseCssVars = parseCssVars;
 function clearComments(css) {
     return css
-        .replace(/\/\*([\s\S]*?)\*\//g, match => `/*${' '.repeat(match.length - 4)}*/`)
-        .replace(/\/\/([\s\S]*?)\n/g, match => `//${' '.repeat(match.length - 3)}\n`);
+        .replace(commentReg1, match => `/*${' '.repeat(match.length - 4)}*/`)
+        .replace(commentReg2, match => `//${' '.repeat(match.length - 3)}\n`);
 }
 exports.clearComments = clearComments;
 //# sourceMappingURL=parseCssVars.js.map

package/out/utils/ts.js

@@ -60,7 +60,7 @@ function createParsedCommandLine(ts, parseConfigHost, tsConfigPath) {
         };
     }
     catch (err) {
-        console.warn('Failed to resolve tsconfig path:', tsConfigPath, err);
+        // console.warn('Failed to resolve tsconfig path:', tsConfigPath, err);
         return {
             fileNames: [],
             options: {},

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/language-core",
-	"version": "1.8.3",
+	"version": "1.8.5",
 	"main": "out/index.js",
 	"license": "MIT",
 	"files": [
@@ -13,8 +13,8 @@
 		"directory": "packages/vue-language-core"
 	},
 	"dependencies": {
-		"@volar/language-core": "1.7.10",
-		"@volar/source-map": "1.7.10",
+		"@volar/language-core": "~1.9.0",
+		"@volar/source-map": "~1.9.0",
 		"@vue/compiler-dom": "^3.3.0",
 		"@vue/reactivity": "^3.3.0",
 		"@vue/shared": "^3.3.0",
@@ -34,5 +34,5 @@
 			"optional": true
 		}
 	},
-	"gitHead": "a02e928ae3f3a255366cdb334ac6fb49c3237ae1"
+	"gitHead": "971820b55ea42cb7e8c8ba7c35c8998d5572b420"
 }