@vue/language-core 1.8.19 → 1.8.20

package/out/generators/template.js

@@ -84,7 +84,7 @@ const transformContext = {
     },
     expressionPlugins: ['typescript'],
 };
-function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourceLang, sfc, hasScriptSetupSlots, slotsAssignName, propsAssignName, codegenStack) {
+function generate(ts, compilerOptions, vueCompilerOptions, template, shouldGenerateScopedClasses, stylesScopedClasses, hasScriptSetupSlots, slotsAssignName, propsAssignName, codegenStack) {
     const nativeTags = new Set(vueCompilerOptions.nativeTags);
     const [codes, codeStacks] = codegenStack ? muggle.track([]) : [[], []];
     const [formatCodes, formatCodeStacks] = codegenStack ? muggle.track([]) : [[], []];
@@ -104,12 +104,15 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
     let ignoreStart;
     let expectedErrorStart;
     let expectedErrorNode;
+    if (slotsAssignName) {
+        localVars.set(slotsAssignName, 1);
+    }
     if (propsAssignName) {
         localVars.set(propsAssignName, 1);
     }
     generatePreResolveComponents();
-    if (sfc.templateAst) {
-        visitNode(sfc.templateAst, undefined, undefined, undefined);
+    if (template.ast) {
+        visitNode(template.ast, undefined, undefined, undefined);
     }
     generateStyleScopedClasses();
     if (!hasScriptSetupSlots) {
@@ -151,14 +154,6 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
         return codes;
     }
     function generateStyleScopedClasses() {
-        const allClasses = new Set();
-        for (const block of sfc.styles) {
-            if (block.scoped || vueCompilerOptions.experimentalResolveStyleCssClasses === 'always') {
-                for (const className of block.classNames) {
-                    allClasses.add(className.text.substring(1));
-                }
-            }
-        }
         codes.push(`if (typeof __VLS_styleScopedClasses === 'object' && !Array.isArray(__VLS_styleScopedClasses)) {\n`);
         for (const { className, offset } of scopedClasses) {
             codes.push(`__VLS_styleScopedClasses[`);
@@ -168,7 +163,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 offset,
                 {
                     ...capabilitiesPresets.scopedClassName,
-                    displayWithLink: allClasses.has(className),
+                    displayWithLink: stylesScopedClasses.has(className),
                 },
             ]));
             codes.push(`];\n`);
@@ -205,7 +200,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
             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([
+                    codes.push(nativeTags.has(tagName) ? '__VLS_intrinsicElements' : '__VLS_components', ...createPropertyAccessCode([
                         name,
                         'template',
                         tagRange,
@@ -215,6 +210,10 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                                 normalize: tagName === name ? capabilitiesPresets.tagReference.rename.normalize : camelizeComponentName,
                                 apply: getTagRenameApply(tagName),
                             },
+                            ...nativeTags.has(tagName) ? {
+                                ...capabilitiesPresets.tagHover,
+                                ...capabilitiesPresets.diagnosticOnly,
+                            } : {},
                         },
                     ]), ';');
                 }
@@ -247,10 +246,10 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
     }
     function collectTagOffsets() {
         const tagOffsetsMap = {};
-        if (!sfc.templateAst) {
+        if (!template.ast) {
             return tagOffsetsMap;
         }
-        walkElementNodes(sfc.templateAst, node => {
+        walkElementNodes(template.ast, node => {
             if (node.tag === 'slot') {
                 // ignore
             }
@@ -267,10 +266,10 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
             else {
                 tagOffsetsMap[node.tag] ??= [];
                 const offsets = tagOffsetsMap[node.tag];
-                const source = sourceTemplate.substring(node.loc.start.offset);
+                const source = template.content.substring(node.loc.start.offset);
                 const startTagOffset = node.loc.start.offset + source.indexOf(node.tag);
                 offsets.push(startTagOffset); // start tag
-                if (!node.isSelfClosing && sourceLang === 'html') {
+                if (!node.isSelfClosing && template.lang === 'html') {
                     const endTagOffset = node.loc.start.offset + node.loc.source.lastIndexOf(node.tag);
                     if (endTagOffset !== startTagOffset) {
                         offsets.push(endTagOffset); // end tag
@@ -387,11 +386,11 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
             let leftCharacter;
             let rightCharacter;
             // fix https://github.com/vuejs/language-tools/issues/1787
-            while ((leftCharacter = sourceTemplate.substring(start - 1, start)).trim() === '' && leftCharacter.length) {
+            while ((leftCharacter = template.content.substring(start - 1, start)).trim() === '' && leftCharacter.length) {
                 start--;
                 content = leftCharacter + content;
             }
-            while ((rightCharacter = sourceTemplate.substring(start + content.length, start + content.length + 1)).trim() === '' && rightCharacter.length) {
+            while ((rightCharacter = template.content.substring(start + content.length, start + content.length + 1)).trim() === '' && rightCharacter.length) {
                 content = content + rightCharacter;
             }
             codes.push(...createInterpolationCode(content, node.content.loc, start, capabilitiesPresets.all, '(', ');\n'));
@@ -456,7 +455,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
         codes.push(`for (const [`);
         if (leftExpressionRange && leftExpressionText) {
             const collectAst = createTsAst(node.parseResult, `const [${leftExpressionText}]`);
-            (0, transform_1.colletVars)(ts, collectAst, forBlockVars);
+            (0, transform_1.collectVars)(ts, collectAst, forBlockVars);
             for (const varName of forBlockVars)
                 localVars.set(varName, (localVars.get(varName) ?? 0) + 1);
             codes.push([leftExpressionText, 'template', leftExpressionRange.start, capabilitiesPresets.all]);
@@ -481,8 +480,8 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
     }
     function visitElementNode(node, parentEl, componentCtxVar) {
         codes.push(`{\n`);
-        const startTagOffset = node.loc.start.offset + sourceTemplate.substring(node.loc.start.offset).indexOf(node.tag);
-        let endTagOffset = !node.isSelfClosing && sourceLang === 'html' ? node.loc.start.offset + node.loc.source.lastIndexOf(node.tag) : undefined;
+        const startTagOffset = node.loc.start.offset + template.content.substring(node.loc.start.offset).indexOf(node.tag);
+        let endTagOffset = !node.isSelfClosing && template.lang === 'html' ? node.loc.start.offset + node.loc.source.lastIndexOf(node.tag) : undefined;
         if (endTagOffset === startTagOffset) {
             endTagOffset = undefined;
         }
@@ -516,7 +515,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
         }
         const isIntrinsicElement = nativeTags.has(tag) && tagOffsets.length;
         if (isIntrinsicElement) {
-            codes.push('const ', var_originalComponent, ` = ({} as __VLS_IntrinsicElements)[`, ...createStringLiteralKeyCode([
+            codes.push('const ', var_originalComponent, ` = __VLS_intrinsicElements[`, ...createStringLiteralKeyCode([
                 tag,
                 'template',
                 tagOffsets[0],
@@ -543,34 +542,20 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
             codes.push(`const ${var_functionalComponent} = __VLS_asFunctionalComponent(`, `${var_originalComponent}, `, `new ${var_originalComponent}({`, ...createPropsCode(node, props, 'extraReferences'), '})', ');\n');
         }
         for (const offset of tagOffsets) {
-            if (isNamespacedTag || dynamicTagExp) {
+            if (isNamespacedTag || dynamicTagExp || isIntrinsicElement) {
                 continue;
             }
-            else if (isIntrinsicElement) {
-                codes.push(`({} as __VLS_IntrinsicElements).`);
-                codes.push([
-                    tag,
-                    'template',
-                    [offset, offset + tag.length],
-                    {
-                        ...capabilitiesPresets.tagHover,
-                        ...capabilitiesPresets.diagnosticOnly,
-                    },
-                ], ';\n');
-            }
-            else {
-                const key = toCanonicalComponentName(tag);
-                codes.push(`({} as { ${key}: typeof ${var_originalComponent} }).`);
-                codes.push([
-                    key,
-                    'template',
-                    [offset, offset + tag.length],
-                    {
-                        ...capabilitiesPresets.tagHover,
-                        ...capabilitiesPresets.diagnosticOnly,
-                    },
-                ], ';\n');
-            }
+            const key = toCanonicalComponentName(tag);
+            codes.push(`({} as { ${key}: typeof ${var_originalComponent} }).`);
+            codes.push([
+                key,
+                'template',
+                [offset, offset + tag.length],
+                {
+                    ...capabilitiesPresets.tagHover,
+                    ...capabilitiesPresets.diagnosticOnly,
+                },
+            ], ';\n');
         }
         if (vueCompilerOptions.strictTemplates) {
             // with strictTemplates, generate once for props type-checking + instance type
@@ -636,7 +621,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
         }
         generateDirectives(node);
         generateElReferences(node); // <el ref="foo" />
-        if (sfc.styles.some(s => s.scoped || vueCompilerOptions.experimentalResolveStyleCssClasses === 'always')) {
+        if (shouldGenerateScopedClasses) {
             generateClassScoped(node);
         }
         if (componentCtxVar) {
@@ -661,7 +646,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
             if (slotDir?.exp?.type === 4 /* CompilerDOM.NodeTypes.SIMPLE_EXPRESSION */) {
                 formatCodes.push(...createFormatCode(slotDir.exp.content, slotDir.exp.loc.start.offset, formatBrackets.params));
                 const slotAst = createTsAst(slotDir, `(${slotDir.exp.content}) => {}`);
-                (0, transform_1.colletVars)(ts, slotAst, slotBlockVars);
+                (0, transform_1.collectVars)(ts, slotAst, slotBlockVars);
                 hasProps = true;
                 if (slotDir.exp.content.indexOf(':') === -1) {
                     codes.push('const [', [
@@ -706,6 +691,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 prev = childNode;
             }
             resolveComment();
+            generateAutoImportCompletionCode();
             slotBlockVars.forEach(varName => {
                 localVars.set(varName, localVars.get(varName) - 1);
             });
@@ -773,7 +759,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                             },
                         },
                     },
-                ]), `) };\n`, `${eventVar} = {\n`);
+                ]), `) };\n`, `${eventVar} = { `);
                 if (prop.arg.loc.source.startsWith('[') && prop.arg.loc.source.endsWith(']')) {
                     codes.push('[(', ...createInterpolationCode(prop.arg.loc.source.slice(1, -1), prop.arg.loc, prop.arg.loc.start.offset + 1, capabilitiesPresets.all, '', ''), ')!]');
                 }
@@ -787,7 +773,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 }
                 codes.push(`: `);
                 appendExpressionNode(prop);
-                codes.push(`};\n`);
+                codes.push(` };\n`);
             }
             else if (prop.type === 7 /* CompilerDOM.NodeTypes.DIRECTIVE */
                 && prop.name === 'on'
@@ -820,14 +806,16 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                     }
                     let prefix = '(';
                     let suffix = ')';
+                    let isFirstMapping = true;
                     if (isCompoundExpression) {
-                        prefix = '$event => {\n';
+                        codes.push('$event => {\n');
+                        localVars.set('$event', (localVars.get('$event') ?? 0) + 1);
+                        prefix = '';
+                        suffix = '';
                         for (const blockCondition of blockConditions) {
                             prefix += `if (!(${blockCondition})) return;\n`;
                         }
-                        suffix = '\n}';
                     }
-                    let isFirstMapping = true;
                     codes.push(...createInterpolationCode(prop.exp.content, prop.exp.loc, prop.exp.loc.start.offset, () => {
                         if (isCompoundExpression && isFirstMapping) {
                             isFirstMapping = false;
@@ -835,6 +823,12 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                         }
                         return capabilitiesPresets.all;
                     }, prefix, suffix));
+                    if (isCompoundExpression) {
+                        localVars.set('$event', localVars.get('$event') - 1);
+                        codes.push(';\n');
+                        generateAutoImportCompletionCode();
+                        codes.push('}\n');
+                    }
                     formatCodes.push(...createFormatCode(prop.exp.content, prop.exp.loc.start.offset, isCompoundExpression ? formatBrackets.event : formatBrackets.normal));
                 }
                 else {
@@ -1028,7 +1022,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 && prop.name === 'bind'
                 && !prop.arg
                 && prop.exp?.type === 4 /* CompilerDOM.NodeTypes.SIMPLE_EXPRESSION */) {
-                codes.push('...', ...createInterpolationCode(prop.exp.content, prop.exp.loc, prop.exp.loc.start.offset, caps_all, '(', ')'), ', ');
+                codes.push(['', 'template', prop.exp.loc.start.offset, capabilitiesPresets.diagnosticOnly], '...', ...createInterpolationCode(prop.exp.content, prop.exp.loc, prop.exp.loc.start.offset, caps_all, '(', ')'), ['', 'template', prop.exp.loc.end.offset, capabilitiesPresets.diagnosticOnly], ', ');
                 if (mode === 'normal') {
                     formatCodes.push(...createFormatCode(prop.exp.content, prop.exp.loc.start.offset, formatBrackets.normal));
                 }
@@ -1235,7 +1229,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
             else {
                 codes.push(...createInterpolationCode(slotNameExpNode.content, slotNameExpNode, undefined, undefined, '(', ')'));
             }
-            codes.push(`;\n`);
+            codes.push(` as const;\n`);
             slotExps.set(varSlotExp, {
                 varName: varSlot,
             });

package/out/index.d.ts

@@ -2,7 +2,7 @@ export * from './generators/template';
 export * from './languageModule';
 export * from './parsers/scriptSetupRanges';
 export * from './plugins';
-export * from './sourceFile';
+export * from './virtualFile/vueFile';
 export * from './types';
 export * from './utils/ts';
 export * from './utils/parseSfc';

package/out/index.js

@@ -31,7 +31,7 @@ __exportStar(require("./generators/template"), exports);
 __exportStar(require("./languageModule"), exports);
 __exportStar(require("./parsers/scriptSetupRanges"), exports);
 __exportStar(require("./plugins"), exports);
-__exportStar(require("./sourceFile"), exports);
+__exportStar(require("./virtualFile/vueFile"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./utils/ts"), exports);
 __exportStar(require("./utils/parseSfc"), exports);

package/out/languageModule.d.ts

@@ -1,5 +1,5 @@
 import type { Language } from '@volar/language-core';
-import { VueFile } from './sourceFile';
+import { VueFile } from './virtualFile/vueFile';
 import { VueCompilerOptions } from './types';
 import type * as ts from 'typescript/lib/tsserverlibrary';
 export declare function createVueLanguage(ts: typeof import('typescript/lib/tsserverlibrary'), compilerOptions?: ts.CompilerOptions, _vueCompilerOptions?: Partial<VueCompilerOptions>, codegenStack?: boolean): Language<VueFile>;

package/out/languageModule.js

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createLanguages = exports.createVueLanguage = void 0;
 const path_1 = require("path");
 const plugins_1 = require("./plugins");
-const sourceFile_1 = require("./sourceFile");
+const vueFile_1 = require("./virtualFile/vueFile");
 const sharedTypes = __importStar(require("./utils/globalTypes"));
 const ts_1 = require("./utils/ts");
 const fileRegistries = [];
@@ -73,7 +73,7 @@ function createVueLanguage(ts, compilerOptions = {}, _vueCompilerOptions = {}, c
                     reusedVueFile.update(snapshot);
                     return reusedVueFile;
                 }
-                const vueFile = new sourceFile_1.VueFile(fileName, snapshot, vueCompilerOptions, plugins, ts, codegenStack);
+                const vueFile = new vueFile_1.VueFile(fileName, snapshot, vueCompilerOptions, plugins, ts, codegenStack);
                 fileRegistry.set(fileName, vueFile);
                 return vueFile;
             }

package/out/plugins/vue-tsx.d.ts

@@ -1,7 +1,7 @@
 import { Sfc, VueLanguagePlugin } from '../types';
 import * as muggle from 'muggle-string';
 export declare const tsCodegen: WeakMap<Sfc, {
-    scriptRanges: import("@vue/reactivity").ComputedRef<{
+    scriptRanges: () => {
         exportDefault: (import("../types").TextRange & {
             expression: import("../types").TextRange;
             args: import("../types").TextRange;
@@ -11,8 +11,8 @@ export declare const tsCodegen: WeakMap<Sfc, {
             nameOption: import("../types").TextRange | undefined;
         }) | undefined;
         bindings: import("../types").TextRange[];
-    } | undefined>;
-    scriptSetupRanges: import("@vue/reactivity").ComputedRef<{
+    } | undefined;
+    scriptSetupRanges: () => {
         leadingCommentEndOffset: number;
         importSectionEndOffset: number;
         bindings: import("../types").TextRange[];
@@ -49,14 +49,14 @@ export declare const tsCodegen: WeakMap<Sfc, {
             defaultValue: import("../types").TextRange | undefined;
             required: boolean;
         }[];
-    } | undefined>;
-    lang: import("@vue/reactivity").ComputedRef<string>;
-    generatedScript: import("@vue/reactivity").ComputedRef<{
+    } | undefined;
+    lang: () => string;
+    generatedScript: () => {
         codes: muggle.Segment<import("@volar/language-core").FileRangeCapabilities>[];
         codeStacks: muggle.StackNode[];
         mirrorBehaviorMappings: import("@volar/source-map").Mapping<[import("@volar/language-core").MirrorBehaviorCapabilities, import("@volar/language-core").MirrorBehaviorCapabilities]>[];
-    }>;
-    generatedTemplate: import("@vue/reactivity").ComputedRef<{
+    };
+    generatedTemplate: () => {
         codes: (string | [string, string | undefined, number | [number, number], import("@volar/language-core").FileRangeCapabilities])[];
         codeStacks: muggle.StackNode[];
         formatCodes: (string | [string, string | undefined, number | [number, number], import("@volar/language-core").FileRangeCapabilities])[];
@@ -66,7 +66,7 @@ export declare const tsCodegen: WeakMap<Sfc, {
         tagNames: Record<string, number[]>;
         accessedGlobalVariables: Set<string>;
         hasSlot: boolean;
-    } | undefined>;
+    } | undefined;
 }>;
 declare const plugin: VueLanguagePlugin;
 export default plugin;

package/out/plugins/vue-tsx.js

@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tsCodegen = void 0;
-const reactivity_1 = require("@vue/reactivity");
+const computeds_1 = require("computeds");
 const script_1 = require("../generators/script");
 const template_1 = require("../generators/template");
 const scriptRanges_1 = require("../parsers/scriptRanges");
@@ -44,8 +44,8 @@ const plugin = (ctx) => {
         getEmbeddedFileNames(fileName, sfc) {
             const tsx = useTsx(fileName, sfc);
             const fileNames = [];
-            if (['js', 'ts', 'jsx', 'tsx'].includes(tsx.lang.value)) {
-                fileNames.push(fileName + '.' + tsx.lang.value);
+            if (['js', 'ts', 'jsx', 'tsx'].includes(tsx.lang())) {
+                fileNames.push(fileName + '.' + tsx.lang());
             }
             if (sfc.template) {
                 fileNames.push(fileName + '.template_format.ts');
@@ -56,7 +56,7 @@ const plugin = (ctx) => {
         resolveEmbeddedFile(fileName, sfc, embeddedFile) {
             const _tsx = useTsx(fileName, sfc);
             const suffix = embeddedFile.fileName.replace(fileName, '');
-            if (suffix === '.' + _tsx.lang.value) {
+            if (suffix === '.' + _tsx.lang()) {
                 embeddedFile.kind = language_core_1.FileKind.TypeScriptHostFile;
                 embeddedFile.capabilities = {
                     ...language_core_1.FileCapabilities.full,
@@ -64,7 +64,7 @@ const plugin = (ctx) => {
                     documentFormatting: false,
                     documentSymbol: false,
                 };
-                const tsx = _tsx.generatedScript.value;
+                const tsx = _tsx.generatedScript();
                 if (tsx) {
                     const [content, contentStacks] = ctx.codegenStack ? muggle.track([...tsx.codes], [...tsx.codeStacks]) : [[...tsx.codes], [...tsx.codeStacks]];
                     embeddedFile.content = content;
@@ -82,8 +82,11 @@ const plugin = (ctx) => {
                     codeAction: false,
                     inlayHint: false,
                 };
-                if (_tsx.generatedTemplate.value) {
-                    const [content, contentStacks] = ctx.codegenStack ? muggle.track([..._tsx.generatedTemplate.value.formatCodes], [..._tsx.generatedTemplate.value.formatCodeStacks]) : [[..._tsx.generatedTemplate.value.formatCodes], [..._tsx.generatedTemplate.value.formatCodeStacks]];
+                const template = _tsx.generatedTemplate();
+                if (template) {
+                    const [content, contentStacks] = ctx.codegenStack
+                        ? muggle.track([...template.formatCodes], [...template.formatCodeStacks])
+                        : [[...template.formatCodes], [...template.formatCodeStacks]];
                     embeddedFile.content = content;
                     embeddedFile.contentStacks = contentStacks;
                 }
@@ -103,8 +106,11 @@ const plugin = (ctx) => {
             }
             else if (suffix.match(templateStyleCssReg)) {
                 embeddedFile.parentFileName = fileName + '.template.' + sfc.template?.lang;
-                if (_tsx.generatedTemplate.value) {
-                    const [content, contentStacks] = ctx.codegenStack ? muggle.track([..._tsx.generatedTemplate.value.cssCodes], [..._tsx.generatedTemplate.value.cssCodeStacks]) : [[..._tsx.generatedTemplate.value.cssCodes], [..._tsx.generatedTemplate.value.cssCodeStacks]];
+                const template = _tsx.generatedTemplate();
+                if (template) {
+                    const [content, contentStacks] = ctx.codegenStack
+                        ? muggle.track([...template.cssCodes], [...template.cssCodeStacks])
+                        : [[...template.cssCodes], [...template.cssCodeStacks]];
                     embeddedFile.content = content;
                     embeddedFile.contentStacks = contentStacks;
                 }
@@ -123,34 +129,48 @@ const plugin = (ctx) => {
 exports.default = plugin;
 function createTsx(fileName, _sfc, { vueCompilerOptions, compilerOptions, codegenStack, modules }) {
     const ts = modules.typescript;
-    const lang = (0, reactivity_1.computed)(() => {
+    const lang = (0, computeds_1.computed)(() => {
         return !_sfc.script && !_sfc.scriptSetup ? 'ts'
             : _sfc.scriptSetup && _sfc.scriptSetup.lang !== 'js' ? _sfc.scriptSetup.lang
                 : _sfc.script && _sfc.script.lang !== 'js' ? _sfc.script.lang
                     : 'js';
     });
-    const scriptRanges = (0, reactivity_1.computed)(() => _sfc.scriptAst
-        ? (0, scriptRanges_1.parseScriptRanges)(ts, _sfc.scriptAst, !!_sfc.scriptSetup, false)
+    const scriptRanges = (0, computeds_1.computed)(() => _sfc.script
+        ? (0, scriptRanges_1.parseScriptRanges)(ts, _sfc.script.ast, !!_sfc.scriptSetup, false)
         : undefined);
-    const scriptSetupRanges = (0, reactivity_1.computed)(() => _sfc.scriptSetupAst
-        ? (0, scriptSetupRanges_1.parseScriptSetupRanges)(ts, _sfc.scriptSetupAst, vueCompilerOptions)
+    const scriptSetupRanges = (0, computeds_1.computed)(() => _sfc.scriptSetup
+        ? (0, scriptSetupRanges_1.parseScriptSetupRanges)(ts, _sfc.scriptSetup.ast, vueCompilerOptions)
         : undefined);
-    const generatedTemplate = (0, reactivity_1.computed)(() => {
-        if (!_sfc.templateAst)
-            return;
-        return (0, template_1.generate)(ts, compilerOptions, vueCompilerOptions, _sfc.template?.content ?? '', _sfc.template?.lang ?? 'html', _sfc, hasScriptSetupSlots.value, slotsAssignName.value, propsAssignName.value, codegenStack);
+    const shouldGenerateScopedClasses = (0, computeds_1.computed)(() => {
+        const option = vueCompilerOptions.experimentalResolveStyleCssClasses;
+        return _sfc.styles.some(s => {
+            return option === 'always' || (option === 'scoped' && s.scoped);
+        });
     });
-    //#region remove when https://github.com/vuejs/core/pull/5912 merged
-    const hasScriptSetupSlots = (0, reactivity_1.shallowRef)(false);
-    const slotsAssignName = (0, reactivity_1.shallowRef)();
-    const propsAssignName = (0, reactivity_1.shallowRef)();
-    //#endregion
-    const generatedScript = (0, reactivity_1.computed)(() => {
-        hasScriptSetupSlots.value = !!scriptSetupRanges.value?.slots.define;
-        slotsAssignName.value = scriptSetupRanges.value?.slots.name;
-        propsAssignName.value = scriptSetupRanges.value?.props.name;
-        return (0, script_1.generate)(ts, fileName, _sfc, lang.value, scriptRanges.value, scriptSetupRanges.value, generatedTemplate.value, compilerOptions, vueCompilerOptions, codegenStack);
+    const stylesScopedClasses = (0, computeds_1.computedSet)(() => {
+        const classes = new Set();
+        if (!shouldGenerateScopedClasses()) {
+            return classes;
+        }
+        for (const style of _sfc.styles) {
+            const option = vueCompilerOptions.experimentalResolveStyleCssClasses;
+            if ((option === 'always' || option === 'scoped') && style.scoped) {
+                for (const className of style.classNames) {
+                    classes.add(className.text.substring(1));
+                }
+            }
+        }
+        return classes;
+    });
+    const generatedTemplate = (0, computeds_1.computed)(() => {
+        if (!_sfc.template)
+            return;
+        return (0, template_1.generate)(ts, compilerOptions, vueCompilerOptions, _sfc.template, shouldGenerateScopedClasses(), stylesScopedClasses(), hasScriptSetupSlots(), slotsAssignName(), propsAssignName(), codegenStack);
     });
+    const hasScriptSetupSlots = (0, computeds_1.computed)(() => !!scriptSetupRanges()?.slots.define);
+    const slotsAssignName = (0, computeds_1.computed)(() => scriptSetupRanges()?.slots.name);
+    const propsAssignName = (0, computeds_1.computed)(() => scriptSetupRanges()?.props.name);
+    const generatedScript = (0, computeds_1.computed)(() => (0, script_1.generate)(ts, fileName, _sfc.script, _sfc.scriptSetup, _sfc.styles, lang(), scriptRanges(), scriptSetupRanges(), generatedTemplate(), compilerOptions, vueCompilerOptions, codegenStack));
     return {
         scriptRanges,
         scriptSetupRanges,

package/out/plugins.d.ts

@@ -20,6 +20,6 @@ export declare function getDefaultVueLanguagePlugins(ts: typeof import('typescri
         newText: string;
     }): CompilerDOM.CodegenResult | undefined;
     getEmbeddedFileNames?(fileName: string, sfc: import("./types").Sfc): string[];
-    resolveEmbeddedFile?(fileName: string, sfc: import("./types").Sfc, embeddedFile: import("./sourceFile").VueEmbeddedFile): void;
+    resolveEmbeddedFile?(fileName: string, sfc: import("./types").Sfc, embeddedFile: import("./virtualFile/embeddedFile").VueEmbeddedFile): void;
 }[];
 //# sourceMappingURL=plugins.d.ts.map

package/out/types.d.ts

@@ -1,7 +1,7 @@
 import type * as CompilerDOM from '@vue/compiler-dom';
 import type { SFCParseResult } from '@vue/compiler-sfc';
 import type * as ts from 'typescript/lib/tsserverlibrary';
-import type { VueEmbeddedFile } from './sourceFile';
+import type { VueEmbeddedFile } from './virtualFile/embeddedFile';
 export type { SFCParseResult } from '@vue/compiler-sfc';
 export type RawVueCompilerOptions = Partial<Omit<VueCompilerOptions, 'target' | 'plugins'>> & {
     target?: 'auto' | 2 | 2.7 | 3 | 3.3;
@@ -75,16 +75,22 @@ export interface SfcBlock {
     attrs: Record<string, string | true>;
 }
 export interface Sfc {
-    template: SfcBlock | null;
+    template: SfcBlock & {
+        ast: CompilerDOM.RootNode | undefined;
+        errors: CompilerDOM.CompilerError[];
+        warnings: CompilerDOM.CompilerError[];
+    } | undefined;
     script: (SfcBlock & {
         src: string | undefined;
         srcOffset: number;
-    }) | null;
+        ast: ts.SourceFile;
+    }) | undefined;
     scriptSetup: SfcBlock & {
         generic: string | undefined;
         genericOffset: number;
-    } | null;
-    styles: (SfcBlock & {
+        ast: ts.SourceFile;
+    } | undefined;
+    styles: readonly (SfcBlock & {
         module: string | undefined;
         scoped: boolean;
         cssVars: {
@@ -96,11 +102,20 @@ export interface Sfc {
             offset: number;
         }[];
     })[];
-    customBlocks: (SfcBlock & {
+    customBlocks: readonly (SfcBlock & {
         type: string;
     })[];
+    /**
+     * @deprecated use `template.ast` instead
+     */
     templateAst: CompilerDOM.RootNode | undefined;
+    /**
+     * @deprecated use `script.ast` instead
+     */
     scriptAst: ts.SourceFile | undefined;
+    /**
+     * @deprecated use `scriptSetup.ast` instead
+     */
     scriptSetupAst: ts.SourceFile | undefined;
 }
 export interface TextRange {

package/out/utils/globalTypes.js

@@ -15,6 +15,11 @@ type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
 
 type __VLS_Prettify<T> = { [K in keyof T]: T[K]; } & {};
 
+type __VLS_OmitKeepDiscriminatedUnion<T, K extends keyof any> =
+	T extends any
+		? Pick<T, Exclude<keyof T, K>>
+		: never;
+
 type __VLS_GlobalComponents =
 	__VLS_PickNotAny<import('vue').GlobalComponents, {}>
 	& __VLS_PickNotAny<import('@vue/runtime-core').GlobalComponents, {}>
@@ -27,6 +32,8 @@ type __VLS_GlobalComponents =
 		| 'Teleport'
 	>;
 
+declare const __VLS_intrinsicElements: __VLS_IntrinsicElements;
+
 // v-for
 declare function __VLS_getVForSourceType(source: number): [number, number, number][];
 declare function __VLS_getVForSourceType(source: string): [string, number, number][];

package/out/utils/transform.d.ts

@@ -5,5 +5,5 @@ export declare function walkInterpolationFragment(ts: typeof import('typescript/
     isShorthand: boolean;
     offset: number;
 }[];
-export declare function colletVars(ts: typeof import('typescript/lib/tsserverlibrary'), node: ts.Node, result: string[]): void;
+export declare function collectVars(ts: typeof import('typescript/lib/tsserverlibrary'), node: ts.Node, result: string[]): void;
 //# sourceMappingURL=transform.d.ts.map