@vue/language-core 2.0.16 → 2.0.18

package/lib/codegen/script/globalTypes.js

@@ -4,20 +4,23 @@ exports.generateGlobalTypes = void 0;
 const shared_1 = require("../../utils/shared");
 function generateGlobalTypes(vueCompilerOptions) {
     const fnPropsType = `(K extends { $props: infer Props } ? Props : any)${vueCompilerOptions.strictTemplates ? '' : ' & Record<string, unknown>'}`;
-    return `
-; export const __VLS_globalTypesStart = {};
+    return `export const __VLS_globalTypesStart = {};
 declare global {
 	// @ts-ignore
-	type __VLS_IntrinsicElements = __VLS_PickNotAny<import('vue/jsx-runtime').JSX.IntrinsicElements, __VLS_PickNotAny<globalThis.JSX.IntrinsicElements, Record<string, any>>>;
+	type __VLS_IntrinsicElements = __VLS_PickNotAny<import('${vueCompilerOptions.lib}/jsx-runtime').JSX.IntrinsicElements, __VLS_PickNotAny<globalThis.JSX.IntrinsicElements, Record<string, any>>>;
 	// @ts-ignore
-	type __VLS_Element = __VLS_PickNotAny<import('vue/jsx-runtime').JSX.Element, globalThis.JSX.Element>;
+	type __VLS_Element = __VLS_PickNotAny<import('${vueCompilerOptions.lib}/jsx-runtime').JSX.Element, globalThis.JSX.Element>;
 	// @ts-ignore
 	type __VLS_GlobalComponents = ${[
-        `__VLS_PickNotAny<import('vue').GlobalComponents, {}>`,
+        `__VLS_PickNotAny<import('${vueCompilerOptions.lib}').GlobalComponents, {}>`,
         `__VLS_PickNotAny<import('@vue/runtime-core').GlobalComponents, {}>`,
         `__VLS_PickNotAny<import('@vue/runtime-dom').GlobalComponents, {}>`,
         `Pick<typeof import('${vueCompilerOptions.lib}'), 'Transition' | 'TransitionGroup' | 'KeepAlive' | 'Suspense' | 'Teleport'>`
     ].join(' & ')};
+	type __VLS_BuiltInPublicProps =
+		__VLS_PickNotAny<import('${vueCompilerOptions.lib}').VNodeProps, {}>
+		& __VLS_PickNotAny<import('${vueCompilerOptions.lib}').AllowedComponentProps, {}>
+		& __VLS_PickNotAny<import('${vueCompilerOptions.lib}').ComponentCustomProps, {}>;
 	type __VLS_IsAny<T> = 0 extends 1 & T ? true : false;
 	type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
 
@@ -68,8 +71,6 @@ declare global {
 		N3 extends keyof __VLS_GlobalComponents ? N3 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : { [K in N0]: __VLS_GlobalComponents[N3] } :
 		${vueCompilerOptions.strictTemplates ? '{}' : '{ [K in N0]: unknown }'}
 
-	type __VLS_FillingEventArg_ParametersLength<E extends (...args: any) => any> = __VLS_IsAny<Parameters<E>> extends true ? -1 : Parameters<E>['length'];
-	type __VLS_FillingEventArg<E> = E extends (...args: any) => any ? __VLS_FillingEventArg_ParametersLength<E> extends 0 ? ($event?: undefined) => ReturnType<E> : E : E;
 	function __VLS_asFunctionalComponent<T, K = T extends new (...args: any) => any ? InstanceType<T> : unknown>(t: T, instance?: K):
 		T extends new (...args: any) => any
 		? (props: ${fnPropsType}, ctx?: any) => __VLS_Element & { __ctx?: {
@@ -82,12 +83,6 @@ declare global {
 		: (_: {}${vueCompilerOptions.strictTemplates ? '' : ' & Record<string, unknown>'}, ctx?: any) => { __ctx?: { attrs?: any, expose?: any, slots?: any, emit?: any, props?: {}${vueCompilerOptions.strictTemplates ? '' : ' & Record<string, unknown>'} } };
 	function __VLS_elementAsFunction<T>(tag: T, endTag?: T): (_: T${vueCompilerOptions.strictTemplates ? '' : ' & Record<string, unknown>'}) => void;
 	function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): Parameters<T>['length'] extends 2 ? [any] : [];
-	function __VLS_pickEvent<E1, E2>(emitEvent: E1, propEvent: E2): __VLS_FillingEventArg<
-		__VLS_PickNotAny<
-			__VLS_AsFunctionOrAny<E2>,
-			__VLS_AsFunctionOrAny<E1>
-		>
-	> | undefined;
 	function __VLS_pickFunctionalComponentCtx<T, K>(comp: T, compInstance: K): __VLS_PickNotAny<
 		'__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends { __ctx?: infer Ctx } ? Ctx : never : any
 		, T extends (props: any, ctx: infer Ctx) => any ? Ctx : any
@@ -128,7 +123,8 @@ declare global {
 	>;
 	type __VLS_PrettifyGlobal<T> = { [K in keyof T]: T[K]; } & {};
 }
-export const __VLS_globalTypesEnd = {};`;
+export const __VLS_globalTypesEnd = {};
+`;
 }
 exports.generateGlobalTypes = generateGlobalTypes;
 ;

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

@@ -9,8 +9,7 @@ export declare const codeFeatures: {
     none: VueCodeInformation;
     verification: VueCodeInformation;
     navigation: VueCodeInformation;
-    referencesCodeLens: VueCodeInformation;
-    cssClassNavigation: VueCodeInformation;
+    navigationWithoutRename: VueCodeInformation;
 };
 export interface ScriptCodegenOptions {
     fileBaseName: string;
@@ -21,10 +20,8 @@ export interface ScriptCodegenOptions {
     lang: string;
     scriptRanges: ScriptRanges | undefined;
     scriptSetupRanges: ScriptSetupRanges | undefined;
-    templateCodegen: {
-        tsCodes: Code[];
-        ctx: TemplateCodegenContext;
-        hasSlot: boolean;
+    templateCodegen: TemplateCodegenContext & {
+        codes: Code[];
     } | undefined;
     globalTypes: boolean;
     getGeneratedLength: () => number;

package/lib/codegen/script/index.js

@@ -21,14 +21,11 @@ exports.codeFeatures = {
     navigation: {
         navigation: true,
     },
-    referencesCodeLens: {
-        navigation: true,
-        __referencesCodeLens: true,
-    },
-    cssClassNavigation: {
+    navigationWithoutRename: {
         navigation: {
-            resolveRenameNewName: normalizeCssRename,
-            resolveRenameEditText: applyCssRename,
+            shouldRename() {
+                return false;
+            },
         },
     },
 };
@@ -39,7 +36,7 @@ function* generateScript(options) {
         yield* (0, src_1.generateSrc)(options.sfc.script, options.sfc.script.src);
     }
     if (options.sfc.script && options.scriptRanges) {
-        const { exportDefault } = options.scriptRanges;
+        const { exportDefault, classBlockEnd } = options.scriptRanges;
         const isExportRawObject = exportDefault
             && options.sfc.script.content[exportDefault.expression.start] === '{';
         if (options.sfc.scriptSetup && options.scriptSetupRanges) {
@@ -92,6 +89,11 @@ function* generateScript(options) {
             yield options.vueCompilerOptions.optionsWrapper[1];
             yield (0, common_1.generateSfcBlockSection)(options.sfc.script, exportDefault.expression.end, options.sfc.script.content.length, exports.codeFeatures.all);
         }
+        else if (classBlockEnd !== undefined) {
+            yield (0, common_1.generateSfcBlockSection)(options.sfc.script, 0, classBlockEnd, exports.codeFeatures.all);
+            yield* (0, template_1.generateTemplate)(options, ctx, true);
+            yield (0, common_1.generateSfcBlockSection)(options.sfc.script, classBlockEnd, options.sfc.script.content.length, exports.codeFeatures.all);
+        }
         else {
             yield (0, common_1.generateSfcBlockSection)(options.sfc.script, 0, options.sfc.script.content.length, exports.codeFeatures.all);
         }
@@ -100,13 +102,14 @@ function* generateScript(options) {
         yield (0, scriptSetup_1.generateScriptSetupImports)(options.sfc.scriptSetup, options.scriptSetupRanges);
         yield* (0, scriptSetup_1.generateScriptSetup)(options, ctx, options.sfc.scriptSetup, options.scriptSetupRanges);
     }
+    yield common_1.endOfLine;
     if (options.globalTypes) {
         yield (0, globalTypes_1.generateGlobalTypes)(options.vueCompilerOptions);
     }
     yield* ctx.generateHelperTypes();
     yield `\ntype __VLS_IntrinsicElementsCompletion = __VLS_IntrinsicElements${common_1.endOfLine}`;
     if (!ctx.generatedTemplate) {
-        yield* (0, template_1.generateTemplate)(options, ctx);
+        yield* (0, template_1.generateTemplate)(options, ctx, false);
     }
     if (options.sfc.scriptSetup) {
         yield [
@@ -118,10 +121,4 @@ function* generateScript(options) {
     }
 }
 exports.generateScript = generateScript;
-function normalizeCssRename(newName) {
-    return newName.startsWith('.') ? newName.slice(1) : newName;
-}
-function applyCssRename(newName) {
-    return '.' + newName;
-}
 //# sourceMappingURL=index.js.map

package/lib/codegen/script/internalComponent.js

@@ -22,7 +22,7 @@ function* generateInternalComponent(options, ctx, templateCodegenCtx) {
         ]) {
             for (const expose of bindings) {
                 const varName = content.substring(expose.start, expose.end);
-                if (!templateUsageVars.has(varName) && !templateCodegenCtx.accessGlobalVariables.has(varName)) {
+                if (!templateUsageVars.has(varName) && !templateCodegenCtx.accessExternalVariables.has(varName)) {
                     continue;
                 }
                 const templateOffset = options.getGeneratedLength();

package/lib/codegen/script/scriptSetup.js

@@ -36,12 +36,16 @@ function* generateScriptSetup(options, ctx, scriptSetup, scriptSetupRanges) {
             + `	__VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>['expose'],${common_1.newLine}`
             + `	__VLS_setup = (async () => {${common_1.newLine}`;
         yield* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, undefined, definePropMirrors);
+        const emitTypes = ['typeof __VLS_modelEmitsType'];
+        if (scriptSetupRanges.emits.define) {
+            emitTypes.unshift(`typeof ${scriptSetupRanges.emits.name ?? '__VLS_emit'}`);
+        }
         yield `		return {} as {${common_1.newLine}`
             + `			props: ${ctx.helperTypes.Prettify.name}<typeof __VLS_functionalComponentProps & __VLS_PublicProps> & __VLS_BuiltInPublicProps,${common_1.newLine}`
             + `			expose(exposed: import('${options.vueCompilerOptions.lib}').ShallowUnwrapRef<${scriptSetupRanges.expose.define ? 'typeof __VLS_exposed' : '{}'}>): void,${common_1.newLine}`
             + `			attrs: any,${common_1.newLine}`
             + `			slots: ReturnType<typeof __VLS_template>,${common_1.newLine}`
-            + `			emit: typeof ${scriptSetupRanges.emits.name ?? '__VLS_emit'} & typeof __VLS_modelEmitsType,${common_1.newLine}`
+            + `			emit: ${emitTypes.join(' & ')},${common_1.newLine}`
             + `		}${common_1.endOfLine}`;
         yield `	})(),${common_1.newLine}`; // __VLS_setup = (async () => {
         yield `) => ({} as import('${options.vueCompilerOptions.lib}').VNode & { __ctx?: Awaited<typeof __VLS_setup> }))`;
@@ -215,7 +219,7 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
     }
     yield* generateComponentProps(options, ctx, scriptSetup, scriptSetupRanges, definePropMirrors);
     yield* generateModelEmits(options, scriptSetup, scriptSetupRanges);
-    yield* (0, template_1.generateTemplate)(options, ctx);
+    yield* (0, template_1.generateTemplate)(options, ctx, false);
     if (syntax) {
         if (!options.vueCompilerOptions.skipTemplateCodegen && (options.templateCodegen?.hasSlot || scriptSetupRanges?.slots.define)) {
             yield `const __VLS_component = `;
@@ -232,31 +236,25 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
     }
 }
 function* generateComponentProps(options, ctx, scriptSetup, scriptSetupRanges, definePropMirrors) {
-    if (scriptSetupRanges.props.define?.arg || scriptSetupRanges.emits.define) {
-        yield `const __VLS_fnComponent = `
-            + `(await import('${options.vueCompilerOptions.lib}')).defineComponent({${common_1.newLine}`;
-        if (scriptSetupRanges.props.define?.arg) {
-            yield `	props: `;
-            yield (0, common_1.generateSfcBlockSection)(scriptSetup, scriptSetupRanges.props.define.arg.start, scriptSetupRanges.props.define.arg.end, index_1.codeFeatures.navigation);
-            yield `,${common_1.newLine}`;
-        }
+    yield `const __VLS_fnComponent = `
+        + `(await import('${options.vueCompilerOptions.lib}')).defineComponent({${common_1.newLine}`;
+    if (scriptSetupRanges.props.define?.arg) {
+        yield `	props: `;
+        yield (0, common_1.generateSfcBlockSection)(scriptSetup, scriptSetupRanges.props.define.arg.start, scriptSetupRanges.props.define.arg.end, index_1.codeFeatures.navigation);
+        yield `,${common_1.newLine}`;
+    }
+    if (scriptSetupRanges.emits.define || scriptSetupRanges.defineProp.some(p => p.isModel)) {
+        yield `	emits: ({} as __VLS_NormalizeEmits<typeof __VLS_modelEmitsType`;
         if (scriptSetupRanges.emits.define) {
-            yield `	emits: ({} as __VLS_NormalizeEmits<typeof `;
+            yield ` & typeof `;
             yield scriptSetupRanges.emits.name ?? '__VLS_emit';
-            yield `>),${common_1.newLine}`;
         }
-        yield `})${common_1.endOfLine}`;
-        yield `let __VLS_functionalComponentProps!: `;
-        yield `${ctx.helperTypes.OmitKeepDiscriminatedUnion.name}<InstanceType<typeof __VLS_fnComponent>['$props'], keyof __VLS_BuiltInPublicProps>`;
-        yield common_1.endOfLine;
-    }
-    else {
-        yield `let __VLS_functionalComponentProps!: {}${common_1.endOfLine}`;
+        yield `>),${common_1.newLine}`;
     }
-    yield `type __VLS_BuiltInPublicProps =${common_1.newLine}`
-        + `	import('${options.vueCompilerOptions.lib}').VNodeProps${common_1.newLine}`
-        + `	& import('${options.vueCompilerOptions.lib}').AllowedComponentProps${common_1.newLine}`
-        + `	& import('${options.vueCompilerOptions.lib}').ComponentCustomProps${common_1.endOfLine}`;
+    yield `})${common_1.endOfLine}`;
+    yield `let __VLS_functionalComponentProps!: `;
+    yield `${ctx.helperTypes.OmitKeepDiscriminatedUnion.name}<InstanceType<typeof __VLS_fnComponent>['$props'], keyof __VLS_BuiltInPublicProps>`;
+    yield common_1.endOfLine;
     if (scriptSetupRanges.defineProp.length) {
         yield `const __VLS_defaults = {${common_1.newLine}`;
         for (const defineProp of scriptSetupRanges.defineProp) {

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

@@ -1,5 +1,5 @@
 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, isClassComponent: boolean): Generator<Code>;
 export declare function getTemplateUsageVars(options: ScriptCodegenOptions, ctx: ScriptCodegenContext): Set<string>;

package/lib/codegen/script/template.js

@@ -7,17 +7,22 @@ const context_1 = require("../template/context");
 const interpolation_1 = require("../template/interpolation");
 const index_1 = require("./index");
 const internalComponent_1 = require("./internalComponent");
-const common_2 = require("../common");
-function* generateTemplate(options, ctx) {
+function* generateTemplate(options, ctx, isClassComponent) {
     ctx.generatedTemplate = true;
     if (!options.vueCompilerOptions.skipTemplateCodegen) {
+        if (isClassComponent) {
+            yield `__VLS_template() {${common_1.newLine}`;
+        }
+        else {
+            yield `function __VLS_template() {${common_1.newLine}`;
+        }
+        const templateCodegenCtx = (0, context_1.createTemplateCodegenContext)(new Set());
+        yield* generateCtx(options, ctx, isClassComponent);
+        yield* generateTemplateContext(options, templateCodegenCtx);
         yield* generateExportOptions(options);
         yield* generateConstNameOption(options);
-        yield `function __VLS_template() {${common_1.newLine}`;
-        const templateCodegenCtx = (0, context_1.createTemplateCodegenContext)();
-        yield* generateTemplateContext(options, ctx, templateCodegenCtx);
-        yield `}${common_1.newLine}`;
         yield* (0, internalComponent_1.generateInternalComponent)(options, ctx, templateCodegenCtx);
+        yield `}${common_1.newLine}`;
     }
     else {
         yield `function __VLS_template() {${common_1.newLine}`;
@@ -47,7 +52,6 @@ function* generateExportOptions(options) {
     yield common_1.endOfLine;
 }
 function* generateConstNameOption(options) {
-    yield common_1.newLine;
     if (options.sfc.script && options.scriptRanges?.exportDefault?.nameOption) {
         const nameOption = options.scriptRanges.exportDefault.nameOption;
         yield `const __VLS_name = `;
@@ -55,28 +59,41 @@ function* generateConstNameOption(options) {
         yield common_1.endOfLine;
     }
     else if (options.sfc.scriptSetup) {
-        yield `let __VLS_name!: '${options.fileBaseName.substring(0, options.fileBaseName.lastIndexOf('.'))}'${common_1.endOfLine}`;
+        yield `let __VLS_name!: '${options.scriptSetupRanges?.options.name ?? options.fileBaseName.substring(0, options.fileBaseName.lastIndexOf('.'))}'${common_1.endOfLine}`;
     }
     else {
         yield `const __VLS_name = undefined${common_1.endOfLine}`;
     }
 }
-function* generateTemplateContext(options, ctx, templateCodegenCtx) {
-    const useGlobalThisTypeInCtx = options.fileBaseName.endsWith('.html');
-    yield `let __VLS_ctx!: ${useGlobalThisTypeInCtx ? 'typeof globalThis &' : ''}`;
-    yield `InstanceType<__VLS_PickNotAny<typeof __VLS_internalComponent, new () => {}>> & {${common_1.newLine}`;
+function* generateCtx(options, ctx, isClassComponent) {
+    yield `let __VLS_ctx!: `;
+    if (options.vueCompilerOptions.petiteVueExtensions.some(ext => options.fileBaseName.endsWith(ext))) {
+        yield `typeof globalThis & `;
+    }
+    if (!isClassComponent) {
+        yield `InstanceType<__VLS_PickNotAny<typeof __VLS_internalComponent, new () => {}>>`;
+    }
+    else {
+        yield `typeof this`;
+    }
     /* CSS Module */
-    for (let i = 0; i < options.sfc.styles.length; i++) {
-        const style = options.sfc.styles[i];
-        if (style.module) {
-            yield `${style.module}: Record<string, string> & ${ctx.helperTypes.Prettify.name}<{}`;
-            for (const className of style.classNames) {
-                yield* generateCssClassProperty(i, className.text, className.offset, 'string', false, true);
+    if (options.sfc.styles.some(style => style.module)) {
+        yield `& {${common_1.newLine}`;
+        for (let i = 0; i < options.sfc.styles.length; i++) {
+            const style = options.sfc.styles[i];
+            if (style.module) {
+                yield `${style.module}: Record<string, string> & ${ctx.helperTypes.Prettify.name}<{}`;
+                for (const className of style.classNames) {
+                    yield* generateCssClassProperty(i, className.text, className.offset, 'string', false);
+                }
+                yield `>${common_1.endOfLine}`;
             }
-            yield `>${common_1.endOfLine}`;
         }
+        yield `}`;
     }
-    yield `}${common_1.endOfLine}`;
+    yield common_1.endOfLine;
+}
+function* generateTemplateContext(options, templateCodegenCtx) {
     /* Components */
     yield `/* Components */${common_1.newLine}`;
     yield `let __VLS_otherComponents!: NonNullable<typeof __VLS_internalComponent extends { components: infer C } ? C : {}> & typeof __VLS_componentsOption${common_1.endOfLine}`;
@@ -91,7 +108,7 @@ function* generateTemplateContext(options, ctx, templateCodegenCtx) {
         const option = options.vueCompilerOptions.experimentalResolveStyleCssClasses;
         if (option === 'always' || (option === 'scoped' && style.scoped)) {
             for (const className of style.classNames) {
-                yield* generateCssClassProperty(i, className.text, className.offset, 'boolean', true, !style.module);
+                yield* generateCssClassProperty(i, className.text, className.offset, 'boolean', true);
             }
         }
     }
@@ -99,7 +116,7 @@ function* generateTemplateContext(options, ctx, templateCodegenCtx) {
     yield `let __VLS_styleScopedClasses!: __VLS_StyleScopedClasses | keyof __VLS_StyleScopedClasses | (keyof __VLS_StyleScopedClasses)[]${common_1.endOfLine}`;
     yield* generateCssVars(options, templateCodegenCtx);
     if (options.templateCodegen) {
-        for (const code of options.templateCodegen.tsCodes) {
+        for (const code of options.templateCodegen.codes) {
             yield code;
         }
     }
@@ -111,35 +128,27 @@ function* generateTemplateContext(options, ctx, templateCodegenCtx) {
     }
     yield `return ${options.scriptSetupRanges?.slots.name ?? '__VLS_slots'}${common_1.endOfLine}`;
 }
-function* generateCssClassProperty(styleIndex, classNameWithDot, offset, propertyType, optional, referencesCodeLens) {
+function* generateCssClassProperty(styleIndex, classNameWithDot, offset, propertyType, optional) {
     yield `${common_1.newLine} & { `;
     yield [
         '',
         'style_' + styleIndex,
         offset,
-        referencesCodeLens
-            ? index_1.codeFeatures.navigation
-            : index_1.codeFeatures.referencesCodeLens,
+        index_1.codeFeatures.navigationWithoutRename,
     ];
     yield `'`;
-    yield [
-        '',
-        'style_' + styleIndex,
-        offset,
-        index_1.codeFeatures.cssClassNavigation,
-    ];
     yield [
         classNameWithDot.substring(1),
         'style_' + styleIndex,
         offset + 1,
-        common_2.combineLastMapping,
+        index_1.codeFeatures.navigation,
     ];
     yield `'`;
     yield [
         '',
         'style_' + styleIndex,
         offset + classNameWithDot.length,
-        index_1.codeFeatures.none,
+        index_1.codeFeatures.navigationWithoutRename,
     ];
     yield `${optional ? '?' : ''}: ${propertyType}`;
     yield ` }`;
@@ -151,7 +160,7 @@ function* generateCssVars(options, ctx) {
     yield `// CSS variable injection ${common_1.newLine}`;
     for (const style of options.sfc.styles) {
         for (const cssBind of style.cssVars) {
-            for (const [segment, offset, onlyError] of (0, interpolation_1.forEachInterpolationSegment)(options.ts, options.vueCompilerOptions, ctx, cssBind.text, cssBind.offset, options.ts.createSourceFile('/a.txt', cssBind.text, 99))) {
+            for (const [segment, offset, onlyError] of (0, interpolation_1.forEachInterpolationSegment)(options.ts, ctx, cssBind.text, cssBind.offset, options.ts.createSourceFile('/a.txt', cssBind.text, 99))) {
                 if (offset === undefined) {
                     yield segment;
                 }
@@ -186,7 +195,7 @@ function getTemplateUsageVars(options, ctx) {
                 usageVars.add(component.split('.')[0]);
             }
         }
-        for (const [varName] of options.templateCodegen.ctx.accessGlobalVariables) {
+        for (const [varName] of options.templateCodegen.accessExternalVariables) {
             usageVars.add(varName);
         }
     }

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

@@ -1,7 +1,8 @@
 import type * as CompilerDOM from '@vue/compiler-dom';
 import type { Code, VueCodeInformation } from '../../types';
+import type { TemplateCodegenOptions } from './index';
 export type TemplateCodegenContext = ReturnType<typeof createTemplateCodegenContext>;
-export declare function createTemplateCodegenContext(): {
+export declare function createTemplateCodegenContext(scriptSetupBindingNames: TemplateCodegenOptions['scriptSetupBindingNames']): {
     slots: {
         name: string;
         loc?: number | undefined;
@@ -19,12 +20,14 @@ export declare function createTemplateCodegenContext(): {
         completion: VueCodeInformation;
         additionalCompletion: VueCodeInformation;
         navigation: VueCodeInformation;
+        navigationWithoutRename: VueCodeInformation;
         navigationAndCompletion: VueCodeInformation;
+        navigationAndAdditionalCompletion: VueCodeInformation;
         withoutHighlight: VueCodeInformation;
         withoutHighlightAndCompletion: VueCodeInformation;
         withoutHighlightAndCompletionAndNavigation: VueCodeInformation;
     };
-    accessGlobalVariables: Map<string, Set<number>>;
+    accessExternalVariables: Map<string, Set<number>>;
     hasSlotElements: Set<CompilerDOM.ElementNode>;
     blockConditions: string[];
     usedComponentCtxVars: Set<string>;
@@ -32,7 +35,9 @@ export declare function createTemplateCodegenContext(): {
         className: string;
         offset: number;
     }[];
-    accessGlobalVariable(name: string, offset?: number): void;
+    emptyClassOffsets: number[];
+    hasSlot: boolean;
+    accessExternalVariable(name: string, offset?: number): void;
     hasLocalVariable: (name: string) => boolean;
     addLocalVariable: (name: string) => void;
     removeLocalVariable: (name: string) => void;

package/lib/codegen/template/context.js

@@ -21,8 +21,20 @@ const _codeFeatures = {
     navigation: {
         navigation: true,
     },
+    navigationWithoutRename: {
+        navigation: {
+            shouldRename() {
+                return false;
+            },
+        },
+    },
     navigationAndCompletion: {
         navigation: true,
+        completion: true,
+    },
+    navigationAndAdditionalCompletion: {
+        navigation: true,
+        completion: { isAdditional: true },
     },
     withoutHighlight: {
         semantic: { shouldHighlight: () => false },
@@ -40,7 +52,7 @@ const _codeFeatures = {
         verification: true,
     },
 };
-function createTemplateCodegenContext() {
+function createTemplateCodegenContext(scriptSetupBindingNames) {
     let ignoredError = false;
     let expectErrorToken;
     let variableId = 0;
@@ -73,7 +85,7 @@ function createTemplateCodegenContext() {
         },
     });
     const localVars = new Map();
-    const accessGlobalVariables = new Map();
+    const accessExternalVariables = new Map();
     const slots = [];
     const dynamicSlots = [];
     const hasSlotElements = new Set();
@@ -81,19 +93,22 @@ function createTemplateCodegenContext() {
     const blockConditions = [];
     const usedComponentCtxVars = new Set();
     const scopedClasses = [];
+    const emptyClassOffsets = [];
     return {
         slots,
         dynamicSlots,
         codeFeatures,
-        accessGlobalVariables,
+        accessExternalVariables,
         hasSlotElements,
         blockConditions,
         usedComponentCtxVars,
         scopedClasses,
-        accessGlobalVariable(name, offset) {
-            let arr = accessGlobalVariables.get(name);
+        emptyClassOffsets,
+        hasSlot: false,
+        accessExternalVariable(name, offset) {
+            let arr = accessExternalVariables.get(name);
             if (!arr) {
-                accessGlobalVariables.set(name, arr = new Set());
+                accessExternalVariables.set(name, arr = new Set());
             }
             if (offset !== undefined) {
                 arr.add(offset);
@@ -144,7 +159,7 @@ function createTemplateCodegenContext() {
             }
         },
         generateAutoImportCompletion: function* () {
-            const all = [...accessGlobalVariables.entries()];
+            const all = [...accessExternalVariables.entries()];
             if (!all.some(([_, offsets]) => offsets.size)) {
                 return;
             }
@@ -152,12 +167,26 @@ function createTemplateCodegenContext() {
             yield `[`;
             for (const [varName, offsets] of all) {
                 for (const offset of offsets) {
-                    yield [
-                        varName,
-                        'template',
-                        offset,
-                        codeFeatures.additionalCompletion,
-                    ];
+                    if (scriptSetupBindingNames.has(varName)) {
+                        // #3409
+                        yield [
+                            varName,
+                            'template',
+                            offset,
+                            {
+                                ...codeFeatures.additionalCompletion,
+                                ...codeFeatures.withoutHighlightAndCompletionAndNavigation,
+                            },
+                        ];
+                    }
+                    else {
+                        yield [
+                            varName,
+                            'template',
+                            offset,
+                            codeFeatures.additionalCompletion,
+                        ];
+                    }
                     yield `,`;
                 }
                 offsets.clear();