fix: generate bindings after template variable collection

Author: KazariEX

packages/language-core/lib/codegen/script/template.ts

@@ -20,12 +20,12 @@ export function* generateTemplate(
 	const templateCodegenCtx = createTemplateCodegenContext({
 		scriptSetupBindingNames: new Set(),
 	});
-	yield* generateBindings(options, ctx);
 	yield* generateTemplateCtx(options, ctx);
 	yield* generateTemplateElements();
 	yield* generateTemplateComponents(options);
 	yield* generateTemplateDirectives(options);
 	yield* generateTemplateBody(options, templateCodegenCtx);
+	yield* generateBindings(options, ctx, templateCodegenCtx);
 
 	if (options.sfc.script && options.scriptRanges?.exportDefault) {
 		yield `const __VLS_self = (await import('${options.vueCompilerOptions.lib}')).defineComponent(`;
@@ -183,6 +183,7 @@ function* generateCssVars(options: ScriptCodegenOptions, ctx: TemplateCodegenCon
 function* generateBindings(
 	options: ScriptCodegenOptions,
 	ctx: ScriptCodegenContext,
+	templateCodegenCtx: TemplateCodegenContext,
 ): Generator<Code> {
 	yield `type __VLS_Bindings = __VLS_ProxyRefs<{${newLine}`;
 	if (options.sfc.scriptSetup && options.scriptSetupRanges) {
@@ -197,7 +198,7 @@ function* generateBindings(
 		) {
 			for (const { range } of bindings) {
 				const varName = content.slice(range.start, range.end);
-				if (!templateUsageVars.has(varName)) {
+				if (!templateUsageVars.has(varName) && !templateCodegenCtx.accessExternalVariables.has(varName)) {
 					continue;
 				}