@vue/language-core 3.1.6 → 3.1.8

package/lib/codegen/globalTypes.js

@@ -38,7 +38,7 @@ function generateGlobalTypes(options) {
 	type __VLS_IsAny<T> = 0 extends 1 & T ? true : false;
 	type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
 	type __VLS_SpreadMerge<A, B> = Omit<A, keyof B> & B;
-	type __VLS_WithComponent<N0 extends string, LocalComponents, Self, N1 extends string, N2 extends string, N3 extends string> =
+	type __VLS_WithComponent<N0 extends string, LocalComponents, Self, N1 extends string, N2 extends string = N1, N3 extends string = N1> =
 		N1 extends keyof LocalComponents ? { [K in N0]: LocalComponents[N1] } :
 		N2 extends keyof LocalComponents ? { [K in N0]: LocalComponents[N2] } :
 		N3 extends keyof LocalComponents ? { [K in N0]: LocalComponents[N3] } :

package/lib/codegen/names.d.ts

@@ -1,5 +1,4 @@
 export declare const ctx = "__VLS_ctx";
-export declare const self = "__VLS_self";
 export declare const dollars = "__VLS_dollars";
 export declare const slots = "__VLS_slots";
 export declare const props = "__VLS_props";

package/lib/codegen/names.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PROPS_FALLBACK = exports.StyleModules = exports.PublicProps = exports.SetupExposed = exports.Emit = exports.InternalProps = exports.EmitProps = exports.ModelEmit = exports.RootEl = exports.TemplateRefs = exports.InheritedAttrs = exports.Slots = exports.Props = exports.ModelProps = exports._export = exports.placeholder = exports.intrinsics = exports.directives = exports.components = exports.setup = exports.exposed = exports.emit = exports.modelEmit = exports.defaultModels = exports.defaults = exports.props = exports.slots = exports.dollars = exports.self = exports.ctx = void 0;
+exports.PROPS_FALLBACK = exports.StyleModules = exports.PublicProps = exports.SetupExposed = exports.Emit = exports.InternalProps = exports.EmitProps = exports.ModelEmit = exports.RootEl = exports.TemplateRefs = exports.InheritedAttrs = exports.Slots = exports.Props = exports.ModelProps = exports._export = exports.placeholder = exports.intrinsics = exports.directives = exports.components = exports.setup = exports.exposed = exports.emit = exports.modelEmit = exports.defaultModels = exports.defaults = exports.props = exports.slots = exports.dollars = exports.ctx = void 0;
 exports.ctx = '__VLS_ctx';
-exports.self = '__VLS_self';
 exports.dollars = '__VLS_dollars';
 exports.slots = '__VLS_slots';
 exports.props = '__VLS_props';

package/lib/codegen/script/component.js

@@ -6,16 +6,7 @@ const names = require("../names");
 const utils_1 = require("../utils");
 const merge_1 = require("../utils/merge");
 function* generateComponent(options, ctx, scriptSetup, scriptSetupRanges) {
-    if (options.script
-        && options.scriptRanges?.componentOptions
-        && options.scriptRanges.componentOptions.expression.start !== options.scriptRanges.componentOptions.args.start) {
-        // use defineComponent() from user space code if it exist
-        yield* (0, utils_1.generateSfcBlockSection)(options.script, options.scriptRanges.componentOptions.expression.start, options.scriptRanges.componentOptions.args.start, codeFeatures_1.codeFeatures.all);
-        yield `{${utils_1.newLine}`;
-    }
-    else {
-        yield `(await import('${options.vueCompilerOptions.lib}')).defineComponent({${utils_1.newLine}`;
-    }
+    yield `(await import('${options.vueCompilerOptions.lib}')).defineComponent({${utils_1.newLine}`;
     const returns = [];
     if (scriptSetupRanges.defineExpose) {
         returns.push([names.exposed]);
@@ -38,10 +29,6 @@ function* generateComponent(options, ctx, scriptSetup, scriptSetupRanges) {
         && options.templateCodegen?.generatedTypes.has(names.RootEl)) {
         yield `__typeEl: {} as ${names.RootEl},${utils_1.newLine}`;
     }
-    if (options.script && options.scriptRanges?.componentOptions?.args) {
-        const { args } = options.scriptRanges.componentOptions;
-        yield* (0, utils_1.generateSfcBlockSection)(options.script, args.start + 1, args.end - 1, codeFeatures_1.codeFeatures.all);
-    }
     yield `})`;
 }
 function* generateEmitsOption(options, scriptSetupRanges) {

package/lib/codegen/script/index.js

@@ -28,91 +28,97 @@ function* generateWorker(options, ctx) {
     // <script> + <script setup>
     if (script && scriptRanges && scriptSetup && scriptSetupRanges) {
         // <script>
-        const { exportDefault, componentOptions } = scriptRanges;
+        let selfType;
+        const { exportDefault } = scriptRanges;
         if (exportDefault) {
-            const { expression: options } = componentOptions ?? exportDefault;
-            yield* (0, utils_1.generateSfcBlockSection)(script, 0, options.start, codeFeatures_1.codeFeatures.all);
-            yield exportExpression;
-            yield* (0, utils_1.generateSfcBlockSection)(script, options.end, script.content.length, codeFeatures_1.codeFeatures.all, true);
+            yield* generateScriptWithExportDefault(ctx, script, scriptRanges, exportDefault, vueCompilerOptions, selfType = '__VLS_self');
         }
         else {
-            yield* (0, utils_1.generateSfcBlockSection)(script, 0, script.content.length, codeFeatures_1.codeFeatures.all, true);
+            yield* (0, utils_1.generateSfcBlockSection)(script, 0, script.content.length, codeFeatures_1.codeFeatures.all);
             yield `export default ${exportExpression}${utils_1.endOfLine}`;
         }
         // <script setup>
-        yield* generateExportDeclareEqual(scriptSetup);
+        yield* generateExportDeclareEqual(scriptSetup, names._export);
         if (scriptSetup.generic) {
-            yield* (0, scriptSetup_1.generateGeneric)(options, ctx, scriptSetup, scriptSetupRanges, scriptSetup.generic, (0, scriptSetup_1.generateSetupFunction)(options, ctx, scriptSetup, scriptSetupRanges, (0, template_1.generateTemplate)(options, ctx)));
+            yield* (0, scriptSetup_1.generateGeneric)(options, ctx, scriptSetup, scriptSetupRanges, scriptSetup.generic, (0, scriptSetup_1.generateSetupFunction)(options, ctx, scriptSetup, scriptSetupRanges, (0, template_1.generateTemplate)(options, ctx, selfType)));
         }
         else {
             yield `await (async () => {${utils_1.newLine}`;
-            yield* (0, scriptSetup_1.generateSetupFunction)(options, ctx, scriptSetup, scriptSetupRanges, (0, template_1.generateTemplate)(options, ctx), [`return `]);
+            yield* (0, scriptSetup_1.generateSetupFunction)(options, ctx, scriptSetup, scriptSetupRanges, (0, template_1.generateTemplate)(options, ctx, selfType), [`return `]);
             yield `})()${utils_1.endOfLine}`;
         }
     }
     // only <script setup>
     else if (scriptSetup && scriptSetupRanges) {
         if (scriptSetup.generic) {
-            yield* generateExportDeclareEqual(scriptSetup);
+            yield* generateExportDeclareEqual(scriptSetup, names._export);
             yield* (0, scriptSetup_1.generateGeneric)(options, ctx, scriptSetup, scriptSetupRanges, scriptSetup.generic, (0, scriptSetup_1.generateSetupFunction)(options, ctx, scriptSetup, scriptSetupRanges, (0, template_1.generateTemplate)(options, ctx)));
         }
         else {
             // no script block, generate script setup code at root
-            yield* (0, scriptSetup_1.generateSetupFunction)(options, ctx, scriptSetup, scriptSetupRanges, (0, template_1.generateTemplate)(options, ctx), generateExportDeclareEqual(scriptSetup));
+            yield* (0, scriptSetup_1.generateSetupFunction)(options, ctx, scriptSetup, scriptSetupRanges, (0, template_1.generateTemplate)(options, ctx), generateExportDeclareEqual(scriptSetup, names._export));
         }
         yield `export default ${exportExpression}${utils_1.endOfLine}`;
     }
     // only <script>
     else if (script && scriptRanges) {
-        const { exportDefault, componentOptions } = scriptRanges;
+        const { exportDefault } = scriptRanges;
         if (exportDefault) {
-            const { expression } = componentOptions ?? exportDefault;
-            let wrapLeft;
-            let wrapRight;
-            if (script.content[expression.start] === '{'
-                && vueCompilerOptions.optionsWrapper.length) {
-                [wrapLeft, wrapRight] = vueCompilerOptions.optionsWrapper;
-                ctx.inlayHints.push({
-                    blockName: script.name,
-                    offset: expression.start,
-                    setting: 'vue.inlayHints.optionsWrapper',
-                    label: wrapLeft || '[Missing optionsWrapper[0]]',
-                    tooltip: [
-                        'This is virtual code that is automatically wrapped for type support, it does not affect your runtime behavior, you can customize it via `vueCompilerOptions.optionsWrapper` option in tsconfig / jsconfig.',
-                        'To hide it, you can set `"vue.inlayHints.optionsWrapper": false` in IDE settings.',
-                    ].join('\n\n'),
-                }, {
-                    blockName: script.name,
-                    offset: expression.end,
-                    setting: 'vue.inlayHints.optionsWrapper',
-                    label: wrapRight || '[Missing optionsWrapper[1]]',
-                });
-            }
-            yield* (0, utils_1.generateSfcBlockSection)(script, 0, exportDefault.start, codeFeatures_1.codeFeatures.all, true);
-            yield* generateExportDeclareEqual(script);
-            if (wrapLeft) {
-                yield wrapLeft;
-            }
-            yield* (0, utils_1.generateSfcBlockSection)(script, expression.start, expression.end, codeFeatures_1.codeFeatures.all);
-            if (wrapRight) {
-                yield wrapRight;
-            }
-            yield utils_1.endOfLine;
-            yield* (0, template_1.generateTemplate)(options, ctx);
-            yield* (0, utils_1.generateSfcBlockSection)(script, exportDefault.start, expression.start, codeFeatures_1.codeFeatures.all);
-            yield exportExpression;
-            yield* (0, utils_1.generateSfcBlockSection)(script, expression.end, script.content.length, codeFeatures_1.codeFeatures.all);
+            yield* generateScriptWithExportDefault(ctx, script, scriptRanges, exportDefault, vueCompilerOptions, names._export, (0, template_1.generateTemplate)(options, ctx, names._export));
         }
         else {
-            yield* (0, utils_1.generateSfcBlockSection)(script, 0, script.content.length, codeFeatures_1.codeFeatures.all, true);
-            yield* generateExportDeclareEqual(script);
+            yield* (0, utils_1.generateSfcBlockSection)(script, 0, script.content.length, codeFeatures_1.codeFeatures.all);
+            yield* generateExportDeclareEqual(script, names._export);
             yield `(await import('${vueCompilerOptions.lib}')).defineComponent({})${utils_1.endOfLine}`;
-            yield* (0, template_1.generateTemplate)(options, ctx);
+            yield* (0, template_1.generateTemplate)(options, ctx, names._export);
             yield `export default ${exportExpression}${utils_1.endOfLine}`;
         }
     }
     yield* ctx.localTypes.generate();
 }
+function* generateScriptWithExportDefault(ctx, script, scriptRanges, exportDefault, vueCompilerOptions, varName, templateGenerator) {
+    const { componentOptions } = scriptRanges;
+    const { expression, isObjectLiteral } = componentOptions ?? exportDefault;
+    let wrapLeft;
+    let wrapRight;
+    if (isObjectLiteral
+        && vueCompilerOptions.optionsWrapper.length) {
+        [wrapLeft, wrapRight] = vueCompilerOptions.optionsWrapper;
+        ctx.inlayHints.push({
+            blockName: script.name,
+            offset: expression.start,
+            setting: 'vue.inlayHints.optionsWrapper',
+            label: wrapLeft || '[Missing optionsWrapper[0]]',
+            tooltip: [
+                'This is virtual code that is automatically wrapped for type support, it does not affect your runtime behavior, you can customize it via `vueCompilerOptions.optionsWrapper` option in tsconfig / jsconfig.',
+                'To hide it, you can set `"vue.inlayHints.optionsWrapper": false` in IDE settings.',
+            ].join('\n\n'),
+        }, {
+            blockName: script.name,
+            offset: expression.end,
+            setting: 'vue.inlayHints.optionsWrapper',
+            label: wrapRight || '[Missing optionsWrapper[1]]',
+        });
+    }
+    yield* (0, utils_1.generateSfcBlockSection)(script, 0, expression.start, codeFeatures_1.codeFeatures.all);
+    yield exportExpression;
+    yield* (0, utils_1.generateSfcBlockSection)(script, expression.end, exportDefault.end, codeFeatures_1.codeFeatures.all);
+    yield utils_1.endOfLine;
+    if (templateGenerator) {
+        yield* templateGenerator;
+    }
+    yield* generateExportDeclareEqual(script, varName);
+    if (wrapLeft && wrapRight) {
+        yield wrapLeft;
+        yield* (0, utils_1.generateSfcBlockSection)(script, expression.start, expression.end, codeFeatures_1.codeFeatures.all);
+        yield wrapRight;
+    }
+    else {
+        yield* (0, utils_1.generateSfcBlockSection)(script, expression.start, expression.end, codeFeatures_1.codeFeatures.all);
+    }
+    yield utils_1.endOfLine;
+    yield* (0, utils_1.generateSfcBlockSection)(script, exportDefault.end, script.content.length, codeFeatures_1.codeFeatures.all);
+}
 function* generateGlobalTypesReference(options) {
     const globalTypesPath = options.vueCompilerOptions.globalTypesPath(options.fileName);
     if (!globalTypesPath) {
@@ -131,10 +137,10 @@ function* generateGlobalTypesReference(options) {
         yield `/// <reference types="${globalTypesPath}" />${utils_1.newLine}`;
     }
 }
-function* generateExportDeclareEqual(block) {
+function* generateExportDeclareEqual(block, name) {
     yield `const `;
     const token = yield* (0, boundary_1.startBoundary)(block.name, 0, codeFeatures_1.codeFeatures.doNotReportTs6133);
-    yield names._export;
+    yield name;
     yield (0, boundary_1.endBoundary)(token, block.content.length);
     yield ` = `;
 }

package/lib/codegen/script/scriptSetup.js

@@ -81,7 +81,7 @@ function* generateGeneric(options, ctx, scriptSetup, scriptSetupRanges, generic,
     }
     yield `) => void${utils_1.endOfLine}`;
     yield `	attrs: any${utils_1.endOfLine}`;
-    yield `	slots: ${names.Slots}${utils_1.endOfLine}`;
+    yield `	slots: ${hasSlotsType(options) ? names.Slots : `{}`}${utils_1.endOfLine}`;
     yield `	emit: ${emitTypes.length ? emitTypes.join(` & `) : `{}`}${utils_1.endOfLine}`;
     yield `}${utils_1.endOfLine}`;
     yield `})(),${utils_1.newLine}`; // __VLS_setup = (async () => {
@@ -194,7 +194,7 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, bo
             }));
         }
     }
-    yield* (0, transform_1.generateCodeWithTransforms)(Math.max(scriptSetupRanges.importSectionEndOffset, scriptSetupRanges.leadingCommentEndOffset), scriptSetup.content.length, transforms, (start, end) => (0, utils_1.generateSfcBlockSection)(scriptSetup, start, end, codeFeatures_1.codeFeatures.all, end === scriptSetup.content.length));
+    yield* (0, transform_1.generateCodeWithTransforms)(Math.max(scriptSetupRanges.importSectionEndOffset, scriptSetupRanges.leadingCommentEndOffset), scriptSetup.content.length, transforms, (start, end) => (0, utils_1.generateSfcBlockSection)(scriptSetup, start, end, codeFeatures_1.codeFeatures.all));
     yield* generateMacros(options);
     yield* generateModels(scriptSetup, scriptSetupRanges);
     yield* generatePublicProps(options, ctx, scriptSetup, scriptSetupRanges);

package/lib/codegen/script/src.d.ts

@@ -1,2 +1,3 @@
 import type { Code, SfcBlockAttr } from '../../types';
 export declare function generateSrc(src: SfcBlockAttr): Generator<Code>;
+export declare function resolveSrcPath(text: string): string;

package/lib/codegen/script/src.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateSrc = generateSrc;
+exports.resolveSrcPath = resolveSrcPath;
 const codeFeatures_1 = require("../codeFeatures");
 const utils_1 = require("../utils");
 const boundary_1 = require("../utils/boundary");
@@ -9,18 +10,7 @@ function* generateSrc(src) {
         return;
     }
     let { text } = src;
-    if (text.endsWith('.d.ts')) {
-        text = text.slice(0, -'.d.ts'.length);
-    }
-    else if (text.endsWith('.ts')) {
-        text = text.slice(0, -'.ts'.length);
-    }
-    else if (text.endsWith('.tsx')) {
-        text = text.slice(0, -'.tsx'.length) + '.jsx';
-    }
-    if (!text.endsWith('.js') && !text.endsWith('.jsx')) {
-        text = text + '.js';
-    }
+    text = resolveSrcPath(text);
     yield `export * from `;
     const wrapCodeFeatures = {
         ...codeFeatures_1.codeFeatures.all,
@@ -35,4 +25,19 @@ function* generateSrc(src) {
     yield utils_1.endOfLine;
     yield `export { default } from '${text}'${utils_1.endOfLine}`;
 }
+function resolveSrcPath(text) {
+    if (text.endsWith('.d.ts')) {
+        text = text.slice(0, -'.d.ts'.length);
+    }
+    else if (text.endsWith('.ts')) {
+        text = text.slice(0, -'.ts'.length);
+    }
+    else if (text.endsWith('.tsx')) {
+        text = text.slice(0, -'.tsx'.length) + '.jsx';
+    }
+    if (!text.endsWith('.js') && !text.endsWith('.jsx')) {
+        text = text + '.js';
+    }
+    return text;
+}
 //# sourceMappingURL=src.js.map

package/lib/codegen/script/template.d.ts

@@ -1,4 +1,4 @@
 import type { Code } from '../../types';
 import type { ScriptCodegenContext } from './context';
 import type { ScriptCodegenOptions } from './index';
-export declare function generateTemplate(options: ScriptCodegenOptions, ctx: ScriptCodegenContext): Generator<Code>;
+export declare function generateTemplate(options: ScriptCodegenOptions, ctx: ScriptCodegenContext, selfType?: string): Generator<Code>;

package/lib/codegen/script/template.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateTemplate = generateTemplate;
-const path = require("path-browserify");
 const codeFeatures_1 = require("../codeFeatures");
 const names = require("../names");
 const utils_1 = require("../utils");
 const merge_1 = require("../utils/merge");
-function* generateTemplate(options, ctx) {
-    yield* generateSelf(options);
+const src_1 = require("./src");
+function* generateTemplate(options, ctx, selfType) {
     yield* generateSetupExposed(options, ctx);
-    yield* generateTemplateCtx(options, ctx);
+    yield* generateTemplateCtx(options, ctx, selfType);
     yield* generateTemplateComponents(options);
     yield* generateTemplateDirectives(options);
     if (options.styleCodegen) {
@@ -19,32 +18,18 @@ function* generateTemplate(options, ctx) {
         yield* options.templateCodegen.codes;
     }
 }
-function* generateSelf({ script, scriptRanges, vueCompilerOptions, fileName }) {
-    if (script && scriptRanges?.componentOptions) {
-        yield `const ${names.self} = (await import('${vueCompilerOptions.lib}')).defineComponent(`;
-        const { args } = scriptRanges.componentOptions;
-        yield* (0, utils_1.generateSfcBlockSection)(script, args.start, args.end, codeFeatures_1.codeFeatures.all);
-        yield `)${utils_1.endOfLine}`;
-    }
-    else if (script && scriptRanges?.exportDefault) {
-        yield `const ${names.self} = `;
-        const { expression } = scriptRanges.exportDefault;
-        yield* (0, utils_1.generateSfcBlockSection)(script, expression.start, expression.end, codeFeatures_1.codeFeatures.all);
-        yield utils_1.endOfLine;
-    }
-    else if (script?.src) {
-        yield `let ${names.self}!: typeof import('./${path.basename(fileName)}').default${utils_1.endOfLine}`;
-    }
-}
-function* generateTemplateCtx({ vueCompilerOptions, script, scriptRanges, styleCodegen, scriptSetupRanges, fileName }, ctx) {
+function* generateTemplateCtx({ vueCompilerOptions, script, styleCodegen, scriptSetupRanges, fileName }, ctx, selfType) {
     const exps = [];
     const emitTypes = [];
     const propTypes = [];
     if (vueCompilerOptions.petiteVueExtensions.some(ext => fileName.endsWith(ext))) {
         exps.push([`globalThis`]);
     }
-    if (script?.src || scriptRanges?.exportDefault) {
-        exps.push([`{} as InstanceType<__VLS_PickNotAny<typeof ${names.self}, new () => {}>>`]);
+    if (selfType) {
+        exps.push([`{} as InstanceType<__VLS_PickNotAny<typeof ${selfType}, new () => {}>>`]);
+    }
+    else if (typeof script?.src === 'object') {
+        exps.push([`{} as typeof import('${(0, src_1.resolveSrcPath)(script.src.text)}').default`]);
     }
     else {
         exps.push([`{} as import('${vueCompilerOptions.lib}').ComponentPublicInstance`]);

package/lib/codegen/style/classProperty.d.ts

@@ -0,0 +1,2 @@
+import type { Code } from '../../types';
+export declare function generateClassProperty(styleIndex: number, classNameWithDot: string, offset: number, propertyType: string): Generator<Code>;

package/lib/codegen/style/classProperty.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateClassProperty = generateClassProperty;
+const codeFeatures_1 = require("../codeFeatures");
+const utils_1 = require("../utils");
+const wrapWith_1 = require("../utils/wrapWith");
+function* generateClassProperty(styleIndex, classNameWithDot, offset, propertyType) {
+    yield `${utils_1.newLine} & { `;
+    yield* (0, wrapWith_1.wrapWith)('style_' + styleIndex, offset, offset + classNameWithDot.length, codeFeatures_1.codeFeatures.navigation, `'`, [
+        classNameWithDot.slice(1),
+        'style_' + styleIndex,
+        offset + 1,
+        utils_1.combineLastMapping,
+    ], `'`);
+    yield `: ${propertyType}`;
+    yield ` }`;
+}
+//# sourceMappingURL=classProperty.js.map

package/lib/codegen/style/imports.d.ts

@@ -0,0 +1,2 @@
+import type { Code, Sfc } from '../../types';
+export declare function generateStyleImports(style: Sfc['styles'][number]): Generator<Code>;

package/lib/codegen/style/imports.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateStyleImports = generateStyleImports;
+const utils_1 = require("../utils");
+const wrapWith_1 = require("../utils/wrapWith");
+function* generateStyleImports(style) {
+    const features = {
+        navigation: true,
+        verification: true,
+    };
+    if (typeof style.src === 'object') {
+        yield `${utils_1.newLine} & typeof import(`;
+        yield* (0, wrapWith_1.wrapWith)('main', style.src.offset, style.src.offset + style.src.text.length, features, `'`, [style.src.text, 'main', style.src.offset, utils_1.combineLastMapping], `'`);
+        yield `).default`;
+    }
+    for (const { text, offset } of style.imports) {
+        yield `${utils_1.newLine} & typeof import('`;
+        yield [
+            text,
+            style.name,
+            offset,
+            features,
+        ];
+        yield `').default`;
+    }
+}
+//# sourceMappingURL=imports.js.map

package/lib/codegen/style/index.d.ts

@@ -43,15 +43,12 @@ declare function generate(options: StyleCodegenOptions): {
         typeExp: string;
         offset: number;
     }[]>;
-    currentComponent: {
-        get ctxVar(): string;
-        get propsVar(): string;
-    } | undefined;
     singleRootElTypes: Set<string>;
     singleRootNodes: Set<import("@vue/compiler-dom").ElementNode | null>;
     addTemplateRef(name: string, typeExp: string, offset: number): void;
     recordComponentAccess(source: string, name: string, offset?: number): void;
     scopes: Set<string>[];
+    components: (() => string)[];
     declare(...varNames: string[]): void;
     startScope(): () => Generator<Code, any, any>;
     getInternalVariable(): string;

package/lib/codegen/template/context.d.ts

@@ -134,15 +134,12 @@ export declare function createTemplateCodegenContext(): {
         typeExp: string;
         offset: number;
     }[]>;
-    currentComponent: {
-        get ctxVar(): string;
-        get propsVar(): string;
-    } | undefined;
     singleRootElTypes: Set<string>;
     singleRootNodes: Set<CompilerDOM.ElementNode | null>;
     addTemplateRef(name: string, typeExp: string, offset: number): void;
     recordComponentAccess(source: string, name: string, offset?: number): void;
     scopes: Set<string>[];
+    components: (() => string)[];
     declare(...varNames: string[]): void;
     startScope(): () => Generator<Code, any, any>;
     getInternalVariable(): string;

package/lib/codegen/template/context.js

@@ -106,6 +106,7 @@ const commentDirectiveRegex = /^<!--\s*@vue-(?<name>[-\w]+)\b(?<content>[\s\S]*)
 function createTemplateCodegenContext() {
     let variableId = 0;
     const scopes = [];
+    const components = [];
     const hoistVars = new Map();
     const dollarVars = new Set();
     const componentAccessMap = new Map();
@@ -132,7 +133,6 @@ function createTemplateCodegenContext() {
         inlayHints,
         inheritedAttrVars,
         templateRefs,
-        currentComponent: undefined,
         singleRootElTypes: new Set(),
         singleRootNodes: new Set(),
         addTemplateRef(name, typeExp, offset) {
@@ -156,6 +156,7 @@ function createTemplateCodegenContext() {
             }
         },
         scopes,
+        components,
         declare(...varNames) {
             const scope = scopes.at(-1);
             for (const varName of varNames) {