fix(language-core): handle directives option correctly

fix #5292

Author: KazariEX

packages/language-core/lib/codegen/globalTypes.ts

@@ -138,6 +138,9 @@ export function generateGlobalTypes({
 		TypeEmits = ${target >= 3.6 ? `Comp extends { __typeEmits?: infer T } ? unknown extends T ? {} : import('${lib}').ShortEmitsToObject<T> : {}` : `{}`},
 		NormalizedEmits = __VLS_NormalizeEmits<Emits> extends infer E ? string extends keyof E ? {} : E : never,
 	> = __VLS_SpreadMerge<NormalizedEmits, TypeEmits>;
+	type __VLS_ResolveDirectives<T> = {
+		[K in Exclude<keyof T, keyof __VLS_GlobalDirectives> & string as \`v\${Capitalize<K>}\`]: T[K];
+	};
 	type __VLS_PrettifyGlobal<T> = { [K in keyof T]: T[K]; } & {};
 	type __VLS_UseTemplateRef<T> = Readonly<import('${lib}').ShallowRef<T | null>>;
 

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

@@ -60,7 +60,7 @@ function* generateTemplateElements(): Generator<Code> {
 }
 
 function* generateTemplateComponents(options: ScriptCodegenOptions): Generator<Code> {
-	const types: Code[] = [];
+	const types: Code[] = [`typeof __VLS_ctx`];
 
 	if (options.sfc.script && options.scriptRanges?.exportDefault?.componentsOption) {
 		const { componentsOption } = options.scriptRanges.exportDefault;
@@ -75,8 +75,6 @@ function* generateTemplateComponents(options: ScriptCodegenOptions): Generator<C
 		types.push(`typeof __VLS_componentsOption`);
 	}
 
-	types.push(`typeof __VLS_ctx`);
-
 	yield `type __VLS_LocalComponents =`;
 	for (const type of types) {
 		yield ` & `;
@@ -88,7 +86,7 @@ function* generateTemplateComponents(options: ScriptCodegenOptions): Generator<C
 }
 
 export function* generateTemplateDirectives(options: ScriptCodegenOptions): Generator<Code> {
-	const types: Code[] = [];
+	const types: Code[] = [`typeof __VLS_ctx`];
 
 	if (options.sfc.script && options.scriptRanges?.exportDefault?.directivesOption) {
 		const { directivesOption } = options.scriptRanges.exportDefault;
@@ -100,11 +98,9 @@ export function* generateTemplateDirectives(options: ScriptCodegenOptions): Gene
 			codeFeatures.navigation,
 		];
 		yield endOfLine;
-		types.push(`typeof __VLS_directivesOption`);
+		types.push(`__VLS_ResolveDirectives<typeof __VLS_directivesOption>`);
 	}
 
-	types.push(`typeof __VLS_ctx`);
-
 	yield `type __VLS_LocalDirectives =`;
 	for (const type of types) {
 		yield ` & `;

test-workspace/tsc/passedFixtures/vue3/directives/option.vue

@@ -2,16 +2,15 @@
 import type { FunctionDirective } from 'vue';
 import { exactType } from '../../shared';
 
-let Comp!: (_: { foo?: string; }) => void;
-
 export default {
 	directives: {
-		vFoo: {} as FunctionDirective<typeof Comp, (_: string) => void>
+		foo: {} as FunctionDirective<typeof Comp, (_: string) => void>
 	}
 };
 </script>
 
 <script setup lang="ts">
+let Comp!: (_: { foo?: string; }) => void;
 </script>
 
 <template>