@vue/language-core 1.8.19 → 1.8.21

package/out/generators/template.js

@@ -1,34 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.walkElementNodes = exports.generate = void 0;
 const language_core_1 = require("@volar/language-core");
-const CompilerDOM = __importStar(require("@vue/compiler-dom"));
+const CompilerDOM = require("@vue/compiler-dom");
 const shared_1 = require("@vue/shared");
 const minimatch_1 = require("minimatch");
-const muggle = __importStar(require("muggle-string"));
+const muggle = require("muggle-string");
 const shared_2 = require("../utils/shared");
 const transform_1 = require("../utils/transform");
 const capabilitiesPresets = {
@@ -84,7 +61,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 +81,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 +131,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 +140,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 offset,
                 {
                     ...capabilitiesPresets.scopedClassName,
-                    displayWithLink: allClasses.has(className),
+                    displayWithLink: stylesScopedClasses.has(className),
                 },
             ]));
             codes.push(`];\n`);
@@ -205,7 +177,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 +187,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 +223,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 +243,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 +363,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 +432,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 +457,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 +492,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 +519,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 +598,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 +623,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 +668,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 prev = childNode;
             }
             resolveComment();
+            generateAutoImportCompletionCode();
             slotBlockVars.forEach(varName => {
                 localVars.set(varName, localVars.get(varName) - 1);
             });
@@ -773,7 +736,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 +750,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 +783,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 +800,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 +999,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 +1206,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

@@ -10,33 +10,21 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tsCodegen = exports.sharedTypes = exports.scriptRanges = void 0;
 __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);
-exports.scriptRanges = __importStar(require("./parsers/scriptRanges"));
-exports.sharedTypes = __importStar(require("./utils/globalTypes"));
+exports.scriptRanges = require("./parsers/scriptRanges");
+exports.sharedTypes = require("./utils/globalTypes");
 __exportStar(require("./utils/shared"), exports);
 var vue_tsx_1 = require("./plugins/vue-tsx");
 Object.defineProperty(exports, "tsCodegen", { enumerable: true, get: function () { return vue_tsx_1.tsCodegen; } });

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

@@ -1,33 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 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 sharedTypes = __importStar(require("./utils/globalTypes"));
+const vueFile_1 = require("./virtualFile/vueFile");
+const sharedTypes = require("./utils/globalTypes");
 const ts_1 = require("./utils/ts");
 const fileRegistries = [];
 function getVueFileRegistry(key, plugins) {
@@ -73,7 +50,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

@@ -1,36 +1,13 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 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");
 const scriptSetupRanges_1 = require("../parsers/scriptSetupRanges");
 const language_core_1 = require("@volar/language-core");
-const muggle = __importStar(require("muggle-string"));
+const muggle = require("muggle-string");
 const templateFormatReg = /^\.template_format\.ts$/;
 const templateStyleCssReg = /^\.template_style\.css$/;
 exports.tsCodegen = new WeakMap();
@@ -44,8 +21,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 +33,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 +41,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 +59,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 +83,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 +106,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