@vue/language-core 3.0.7-alpha.1 → 3.1.0-alpha.0

package/lib/codegen/globalTypes.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getGlobalTypesFileName = getGlobalTypesFileName;
 exports.generateGlobalTypes = generateGlobalTypes;
-const shared_1 = require("../utils/shared");
 function getGlobalTypesFileName(options) {
     return [
         options.lib,
@@ -42,13 +41,13 @@ function generateGlobalTypes(options) {
 	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> =
-		N1 extends keyof LocalComponents ? N1 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : { [K in N0]: LocalComponents[N1] } :
-		N2 extends keyof LocalComponents ? N2 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : { [K in N0]: LocalComponents[N2] } :
-		N3 extends keyof LocalComponents ? N3 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : { [K in N0]: LocalComponents[N3] } :
+		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] } :
 		Self extends object ? { [K in N0]: Self } :
-		N1 extends keyof __VLS_GlobalComponents ? N1 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : { [K in N0]: __VLS_GlobalComponents[N1] } :
-		N2 extends keyof __VLS_GlobalComponents ? N2 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : { [K in N0]: __VLS_GlobalComponents[N2] } :
-		N3 extends keyof __VLS_GlobalComponents ? N3 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : { [K in N0]: __VLS_GlobalComponents[N3] } :
+		N1 extends keyof __VLS_GlobalComponents ? { [K in N0]: __VLS_GlobalComponents[N1] } :
+		N2 extends keyof __VLS_GlobalComponents ? { [K in N0]: __VLS_GlobalComponents[N2] } :
+		N3 extends keyof __VLS_GlobalComponents ? { [K in N0]: __VLS_GlobalComponents[N3] } :
 		{};
 	type __VLS_FunctionalComponentCtx<T, K> = __VLS_PickNotAny<'__ctx' extends keyof __VLS_PickNotAny<K, {}>
 		? K extends { __ctx?: infer Ctx } ? NonNullable<Ctx> : never : any
@@ -61,7 +60,7 @@ function generateGlobalTypes(options) {
 	type __VLS_FunctionalComponent<T> = (props: ${fnPropsType}, ctx?: any) => __VLS_Element & {
 		__ctx?: {
 			attrs?: any;
-			slots?: T extends { ${(0, shared_1.getSlotsPropertyName)(target)}: infer Slots } ? Slots : Record<string, any>;
+			slots?: T extends { $slots: infer Slots } ? Slots : Record<string, any>;
 			emit?: T extends { $emit: infer Emit } ? Emit : {};
 			props?: ${fnPropsType};
 			expose?: (exposed: T) => void;
@@ -110,6 +109,10 @@ function generateGlobalTypes(options) {
 			}
 		>
 	>;
+	type __VLS_EmitsToProps<T> = __VLS_PrettifyGlobal<{
+		[K in string & keyof T as \`on\${Capitalize<K>}\`]?:
+			(...args: T[K] extends (...args: infer P) => any ? P : T[K] extends null ? any[] : never) => any;
+	}>;
 	type __VLS_ResolveEmits<
 		Comp,
 		Emits,
@@ -119,10 +122,16 @@ function generateGlobalTypes(options) {
 		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];
+		[K in keyof T & string as \`v\${Capitalize<K>}\`]: T[K];
 	};
 	type __VLS_PrettifyGlobal<T> = { [K in keyof T as K]: T[K]; } & {};
+	type __VLS_WithDefaultsGlobal<P, D> = {
+		[K in keyof P as K extends keyof D ? K : never]-?: P[K];
+	} & {
+		[K in keyof P as K extends keyof D ? never : K]: P[K];
+	};
 	type __VLS_UseTemplateRef<T> = Readonly<import('${lib}').ShallowRef<T | null>>;
+	type __VLS_ProxyRefs<T> = import('${lib}').ShallowUnwrapRef<T>;
 
 	function __VLS_getVForSourceType<T extends number | string | any[] | Iterable<any>>(source: T): [
 		item: T extends number ? number
@@ -144,12 +153,9 @@ function generateGlobalTypes(options) {
 		: T extends (...args: any) => any
 			? T
 			: (arg1: unknown, arg2: unknown, arg3: unknown, arg4: unknown) => void;
-	function __VLS_makeOptional<T>(t: T): { [K in keyof T]?: T[K] };
 	function __VLS_asFunctionalComponent<T, K = T extends new (...args: any) => any ? InstanceType<T> : unknown>(t: T, instance?: K):
 		T extends new (...args: any) => any ? __VLS_FunctionalComponent<K>
-		: T extends () => any ? (props: {}, ctx?: any) => ReturnType<T>${target === 2.7
-        ? `: T extends import('${lib}').AsyncComponent ? (props: {}, ctx?: any) => any`
-        : ``}
+		: T extends () => any ? (props: {}, ctx?: any) => ReturnType<T>
 		: T extends (...args: any) => any ? T
 		: __VLS_FunctionalComponent<{}>;
 	function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): 2 extends Parameters<T>['length'] ? [any] : [];

package/lib/codegen/localTypes.d.ts

@@ -1,10 +1,8 @@
 import type { VueCompilerOptions } from '../types';
 export declare function getLocalTypesGenerator(vueCompilerOptions: VueCompilerOptions): {
-    generate: (names: string[]) => Generator<string, void, unknown>;
-    getUsedNames(): Set<string>;
+    generate: () => Generator<string, void, unknown>;
     readonly PrettifyLocal: string;
-    readonly OmitKeepDiscriminatedUnion: string;
-    readonly WithDefaults: string;
+    readonly WithDefaultsLocal: string;
     readonly WithSlots: string;
     readonly PropsChildren: string;
     readonly TypePropsToOption: string;

package/lib/codegen/localTypes.js

@@ -1,17 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getLocalTypesGenerator = getLocalTypesGenerator;
-const shared_1 = require("../utils/shared");
 const utils_1 = require("./utils");
 function getLocalTypesGenerator(vueCompilerOptions) {
     const used = new Set();
-    const OmitKeepDiscriminatedUnion = defineHelper(`__VLS_OmitKeepDiscriminatedUnion`, () => `
-type __VLS_OmitKeepDiscriminatedUnion<T, K extends keyof any> = T extends any
-	? Pick<T, Exclude<keyof T, K>>
-	: never;
-`.trimStart());
-    const WithDefaults = defineHelper(`__VLS_WithDefaults`, () => `
-type __VLS_WithDefaults<P, D> = {
+    const WithDefaultsLocal = defineHelper(`__VLS_WithDefaultsLocal`, () => `
+type __VLS_WithDefaultsLocal<P, D> = {
 	[K in keyof Pick<P, keyof P>]: K extends keyof D
 		? ${PrettifyLocal.name}<P[K] & { default: D[K] }>
 		: P[K]
@@ -21,8 +15,7 @@ type __VLS_WithDefaults<P, D> = {
     const WithSlots = defineHelper(`__VLS_WithSlots`, () => `
 type __VLS_WithSlots<T, S> = T & {
 	new(): {
-		${(0, shared_1.getSlotsPropertyName)(vueCompilerOptions.target)}: S;
-		${vueCompilerOptions.jsxSlots ? `$props: ${PropsChildren.name}<S>;` : ''}
+		$slots: S;
 	}
 };
 `.trimStart());
@@ -51,8 +44,7 @@ type __VLS_TypePropsToOption<T> = {
     const OmitIndexSignature = defineHelper(`__VLS_OmitIndexSignature`, () => `type __VLS_OmitIndexSignature<T> = { [K in keyof T as {} extends Record<K, unknown> ? never : K]: T[K]; }${utils_1.endOfLine}`);
     const helpers = {
         [PrettifyLocal.name]: PrettifyLocal,
-        [OmitKeepDiscriminatedUnion.name]: OmitKeepDiscriminatedUnion,
-        [WithDefaults.name]: WithDefaults,
+        [WithDefaultsLocal.name]: WithDefaultsLocal,
         [WithSlots.name]: WithSlots,
         [PropsChildren.name]: PropsChildren,
         [TypePropsToOption.name]: TypePropsToOption,
@@ -61,17 +53,11 @@ type __VLS_TypePropsToOption<T> = {
     used.clear();
     return {
         generate,
-        getUsedNames() {
-            return used;
-        },
         get PrettifyLocal() {
             return PrettifyLocal.name;
         },
-        get OmitKeepDiscriminatedUnion() {
-            return OmitKeepDiscriminatedUnion.name;
-        },
-        get WithDefaults() {
-            return WithDefaults.name;
+        get WithDefaultsLocal() {
+            return WithDefaultsLocal.name;
         },
         get WithSlots() {
             return WithSlots.name;
@@ -86,20 +72,11 @@ type __VLS_TypePropsToOption<T> = {
             return OmitIndexSignature.name;
         },
     };
-    function* generate(names) {
-        const generated = new Set();
-        while (names.length) {
-            used.clear();
-            for (const name of names) {
-                if (generated.has(name)) {
-                    continue;
-                }
-                const helper = helpers[name];
-                yield helper.generate();
-                generated.add(name);
-            }
-            names = [...used].filter(name => !generated.has(name));
+    function* generate() {
+        for (const name of used) {
+            yield helpers[name].generate();
         }
+        used.clear();
     }
     function defineHelper(name, generate) {
         return {

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

@@ -3,6 +3,3 @@ import type { Code, Sfc } from '../../types';
 import type { ScriptCodegenContext } from './context';
 import type { ScriptCodegenOptions } from './index';
 export declare function generateComponent(options: ScriptCodegenOptions, ctx: ScriptCodegenContext, scriptSetup: NonNullable<Sfc['scriptSetup']>, scriptSetupRanges: ScriptSetupRanges): Generator<Code>;
-export declare function generateComponentSetupReturns(scriptSetupRanges: ScriptSetupRanges): Generator<string>;
-export declare function generateEmitsOption(options: ScriptCodegenOptions, scriptSetupRanges: ScriptSetupRanges): Generator<Code>;
-export declare function generatePropsOption(options: ScriptCodegenOptions, ctx: ScriptCodegenContext, scriptSetup: NonNullable<Sfc['scriptSetup']>, scriptSetupRanges: ScriptSetupRanges, hasEmitsOption: boolean, inheritAttrs: boolean): Generator<Code>;

package/lib/codegen/script/component.js

@@ -1,9 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateComponent = generateComponent;
-exports.generateComponentSetupReturns = generateComponentSetupReturns;
-exports.generateEmitsOption = generateEmitsOption;
-exports.generatePropsOption = generatePropsOption;
 const codeFeatures_1 = require("../codeFeatures");
 const utils_1 = require("../utils");
 const merge_1 = require("../utils/merge");
@@ -19,7 +16,16 @@ function* generateComponent(options, ctx, scriptSetup, scriptSetupRanges) {
     }
     const returns = [];
     if (ctx.bypassDefineComponent) {
-        returns.push(...generateComponentSetupReturns(scriptSetupRanges));
+        // fill $props
+        if (scriptSetupRanges.defineProps) {
+            const name = scriptSetupRanges.defineProps.name ?? `__VLS_props`;
+            // NOTE: defineProps is inaccurate for $props
+            returns.push(name, `{} as { $props: Partial<typeof ${name}> }`);
+        }
+        // fill $emit
+        if (scriptSetupRanges.defineEmits) {
+            returns.push(`{} as { $emit: typeof ${scriptSetupRanges.defineEmits.name ?? `__VLS_emit`} }`);
+        }
     }
     if (scriptSetupRanges.defineExpose) {
         returns.push(`__VLS_exposed`);
@@ -32,7 +38,7 @@ function* generateComponent(options, ctx, scriptSetup, scriptSetupRanges) {
     if (!ctx.bypassDefineComponent) {
         const emitOptionCodes = [...generateEmitsOption(options, scriptSetupRanges)];
         yield* emitOptionCodes;
-        yield* generatePropsOption(options, ctx, scriptSetup, scriptSetupRanges, !!emitOptionCodes.length, true);
+        yield* generatePropsOption(options, ctx, scriptSetup, scriptSetupRanges, !!emitOptionCodes.length);
     }
     if (options.vueCompilerOptions.target >= 3.5
         && options.vueCompilerOptions.inferComponentDollarRefs
@@ -50,19 +56,6 @@ function* generateComponent(options, ctx, scriptSetup, scriptSetupRanges) {
     }
     yield `})`;
 }
-function* generateComponentSetupReturns(scriptSetupRanges) {
-    // fill $props
-    if (scriptSetupRanges.defineProps) {
-        const name = scriptSetupRanges.defineProps.name ?? `__VLS_props`;
-        // NOTE: defineProps is inaccurate for $props
-        yield name;
-        yield `{} as { $props: Partial<typeof ${name}> }`;
-    }
-    // fill $emit
-    if (scriptSetupRanges.defineEmits) {
-        yield `{} as { $emit: typeof ${scriptSetupRanges.defineEmits.name ?? `__VLS_emit`} }`;
-    }
-}
 function* generateEmitsOption(options, scriptSetupRanges) {
     const optionCodes = [];
     const typeOptionCodes = [];
@@ -91,10 +84,10 @@ function* generateEmitsOption(options, scriptSetupRanges) {
         yield `,${utils_1.newLine}`;
     }
 }
-function* generatePropsOption(options, ctx, scriptSetup, scriptSetupRanges, hasEmitsOption, inheritAttrs) {
+function* generatePropsOption(options, ctx, scriptSetup, scriptSetupRanges, hasEmitsOption) {
     const getOptionCodes = [];
     const typeOptionCodes = [];
-    if (inheritAttrs && options.templateCodegen?.inheritedAttrVars.size) {
+    if (options.templateCodegen?.inheritedAttrVars.size) {
         let attrsType = `__VLS_InheritedAttrs`;
         if (hasEmitsOption) {
             attrsType = `Omit<${attrsType}, \`on\${string}\`>`;
@@ -111,7 +104,7 @@ function* generatePropsOption(options, ctx, scriptSetup, scriptSetupRanges, hasE
             getOptionCodes.push(() => {
                 const propsType = `${ctx.localTypes.TypePropsToOption}<__VLS_PublicProps>`;
                 return `{} as ` + (scriptSetupRanges.withDefaults?.arg
-                    ? `${ctx.localTypes.WithDefaults}<${propsType}, typeof __VLS_withDefaultsArg>`
+                    ? `${ctx.localTypes.WithDefaultsLocal}<${propsType}, typeof __VLS_defaults>`
                     : propsType);
             });
         }
@@ -127,7 +120,7 @@ function* generatePropsOption(options, ctx, scriptSetup, scriptSetupRanges, hasE
     if (useTypeOption) {
         if (options.vueCompilerOptions.target >= 3.6
             && scriptSetupRanges.withDefaults?.arg) {
-            yield `__defaults: __VLS_withDefaultsArg,${utils_1.newLine}`;
+            yield `__defaults: __VLS_defaults,${utils_1.newLine}`;
         }
         yield `__typeProps: `;
         yield* (0, merge_1.generateSpreadMerge)(typeOptionCodes);

package/lib/codegen/script/componentSelf.js

@@ -32,7 +32,7 @@ function* generateComponentSelf(options, ctx, templateCodegenCtx) {
             yield `${varName},${utils_1.newLine}`;
         }
         yield `}),${utils_1.newLine}`;
-        if (options.sfc.scriptSetup && options.scriptSetupRanges && !ctx.bypassDefineComponent) {
+        if (!ctx.bypassDefineComponent) {
             const emitOptionCodes = [...(0, component_1.generateEmitsOption)(options, options.scriptSetupRanges)];
             yield* emitOptionCodes;
             yield* (0, component_1.generatePropsOption)(options, ctx, options.sfc.scriptSetup, options.scriptSetupRanges, !!emitOptionCodes.length, false);

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

@@ -7,11 +7,9 @@ export declare function createScriptCodegenContext(options: ScriptCodegenOptions
     bypassDefineComponent: boolean;
     bindingNames: Set<string>;
     localTypes: {
-        generate: (names: string[]) => Generator<string, void, unknown>;
-        getUsedNames(): Set<string>;
+        generate: () => Generator<string, void, unknown>;
         readonly PrettifyLocal: string;
-        readonly OmitKeepDiscriminatedUnion: string;
-        readonly WithDefaults: string;
+        readonly WithDefaultsLocal: string;
         readonly WithSlots: string;
         readonly PropsChildren: string;
         readonly TypePropsToOption: string;

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

@@ -1,7 +1,7 @@
 import type * as ts from 'typescript';
 import type { ScriptRanges } from '../../parsers/scriptRanges';
 import type { ScriptSetupRanges } from '../../parsers/scriptSetupRanges';
-import type { Code, Sfc, VueCompilerOptions } from '../../types';
+import type { Code, Sfc, SfcBlock, VueCompilerOptions } from '../../types';
 import type { TemplateCodegenContext } from '../template/context';
 export interface ScriptCodegenOptions {
     ts: typeof ts;
@@ -26,11 +26,9 @@ declare function generate(options: ScriptCodegenOptions): {
     bypassDefineComponent: boolean;
     bindingNames: Set<string>;
     localTypes: {
-        generate: (names: string[]) => Generator<string, void, unknown>;
-        getUsedNames(): Set<string>;
+        generate: () => Generator<string, void, unknown>;
         readonly PrettifyLocal: string;
-        readonly OmitKeepDiscriminatedUnion: string;
-        readonly WithDefaults: string;
+        readonly WithDefaultsLocal: string;
         readonly WithSlots: string;
         readonly PropsChildren: string;
         readonly TypePropsToOption: string;
@@ -38,4 +36,4 @@ declare function generate(options: ScriptCodegenOptions): {
     };
     inlayHints: import("../inlayHints").InlayHintInfo[];
 };
-export declare function generateScriptSectionPartiallyEnding(source: string, end: number, mark: string, delimiter?: string): Generator<Code>;
+export declare function generateConstExport(options: ScriptCodegenOptions, block: SfcBlock): Generator<Code>;

package/lib/codegen/script/index.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateScript = generate;
-exports.generateScriptSectionPartiallyEnding = generateScriptSectionPartiallyEnding;
+exports.generateConstExport = generateConstExport;
 const path = require("path-browserify");
 const codeFeatures_1 = require("../codeFeatures");
 const utils_1 = require("../utils");
-const componentSelf_1 = require("./componentSelf");
+const wrapWith_1 = require("../utils/wrapWith");
 const context_1 = require("./context");
 const scriptSetup_1 = require("./scriptSetup");
 const src_1 = require("./src");
@@ -19,89 +19,71 @@ function generate(options) {
     };
 }
 function* generateScript(options, ctx) {
-    yield* generateGlobalTypesPath(options);
-    if (options.sfc.script?.src) {
-        yield* (0, src_1.generateSrc)(options.sfc.script.src);
-    }
+    yield* generateGlobalTypesReference(options);
     if (options.sfc.scriptSetup && options.scriptSetupRanges) {
         yield* (0, scriptSetup_1.generateScriptSetupImports)(options.sfc.scriptSetup, options.scriptSetupRanges);
     }
     if (options.sfc.script && options.scriptRanges) {
-        const { exportDefault, classBlockEnd } = options.scriptRanges;
-        const isExportRawObject = exportDefault
-            && options.sfc.script.content[exportDefault.expression.start] === '{';
+        const { exportDefault } = options.scriptRanges;
         if (options.sfc.scriptSetup && options.scriptSetupRanges) {
             if (exportDefault) {
-                yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, 0, exportDefault.expression.start, codeFeatures_1.codeFeatures.all);
+                yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, 0, exportDefault.start, codeFeatures_1.codeFeatures.all);
                 yield* (0, scriptSetup_1.generateScriptSetup)(options, ctx, options.sfc.scriptSetup, options.scriptSetupRanges);
-                yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, exportDefault.expression.end, options.sfc.script.content.length, codeFeatures_1.codeFeatures.all);
             }
             else {
                 yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, 0, options.sfc.script.content.length, codeFeatures_1.codeFeatures.all);
-                yield* generateScriptSectionPartiallyEnding(options.sfc.script.name, options.sfc.script.content.length, '#3632/both.vue');
                 yield* (0, scriptSetup_1.generateScriptSetup)(options, ctx, options.sfc.scriptSetup, options.scriptSetupRanges);
             }
         }
-        else if (exportDefault && isExportRawObject && options.vueCompilerOptions.optionsWrapper.length) {
-            ctx.inlayHints.push({
-                blockName: options.sfc.script.name,
-                offset: exportDefault.expression.start,
-                setting: 'vue.inlayHints.optionsWrapper',
-                label: options.vueCompilerOptions.optionsWrapper.length
-                    ? options.vueCompilerOptions.optionsWrapper[0]
-                    : '[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: options.sfc.script.name,
-                offset: exportDefault.expression.end,
-                setting: 'vue.inlayHints.optionsWrapper',
-                label: options.vueCompilerOptions.optionsWrapper.length >= 2
-                    ? options.vueCompilerOptions.optionsWrapper[1]
-                    : '[Missing optionsWrapper[1]]',
-            });
-            yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, 0, exportDefault.expression.start, codeFeatures_1.codeFeatures.all);
-            yield options.vueCompilerOptions.optionsWrapper[0];
-            yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, exportDefault.expression.start, exportDefault.expression.end, codeFeatures_1.codeFeatures.all);
-            yield options.vueCompilerOptions.optionsWrapper[1];
-            yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, exportDefault.expression.end, options.sfc.script.content.length, codeFeatures_1.codeFeatures.all);
-        }
-        else if (classBlockEnd !== undefined) {
-            if (options.vueCompilerOptions.skipTemplateCodegen) {
-                yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, 0, options.sfc.script.content.length, codeFeatures_1.codeFeatures.all);
+        else if (exportDefault) {
+            let wrapLeft;
+            let wrapRight;
+            if (options.sfc.script.content[exportDefault.expression.start] === '{'
+                && options.vueCompilerOptions.optionsWrapper.length) {
+                [wrapLeft, wrapRight] = options.vueCompilerOptions.optionsWrapper;
+                ctx.inlayHints.push({
+                    blockName: options.sfc.script.name,
+                    offset: exportDefault.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: options.sfc.script.name,
+                    offset: exportDefault.expression.end,
+                    setting: 'vue.inlayHints.optionsWrapper',
+                    label: wrapRight || '[Missing optionsWrapper[1]]',
+                });
             }
-            else {
-                yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, 0, classBlockEnd, codeFeatures_1.codeFeatures.all);
-                yield `__VLS_template = () => {${utils_1.newLine}`;
-                const templateCodegenCtx = yield* (0, template_1.generateTemplate)(options, ctx);
-                yield* (0, componentSelf_1.generateComponentSelf)(options, ctx, templateCodegenCtx);
-                yield `}${utils_1.endOfLine}`;
-                yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, classBlockEnd, options.sfc.script.content.length, codeFeatures_1.codeFeatures.all);
+            yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, 0, exportDefault.start, codeFeatures_1.codeFeatures.all);
+            yield* generateConstExport(options, options.sfc.script);
+            if (wrapLeft) {
+                yield wrapLeft;
             }
+            yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, exportDefault.expression.start, exportDefault.expression.end, codeFeatures_1.codeFeatures.all);
+            if (wrapRight) {
+                yield wrapRight;
+            }
+            yield utils_1.endOfLine;
         }
         else {
             yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, 0, options.sfc.script.content.length, codeFeatures_1.codeFeatures.all);
-            yield* generateScriptSectionPartiallyEnding(options.sfc.script.name, options.sfc.script.content.length, '#3632/script.vue');
+            yield* generateConstExport(options, options.sfc.script);
+            yield `(await import('${options.vueCompilerOptions.lib}')).defineComponent({})${utils_1.endOfLine}`;
         }
     }
     else if (options.sfc.scriptSetup && options.scriptSetupRanges) {
         yield* (0, scriptSetup_1.generateScriptSetup)(options, ctx, options.sfc.scriptSetup, options.scriptSetupRanges);
     }
-    if (options.sfc.scriptSetup) {
-        yield* generateScriptSectionPartiallyEnding(options.sfc.scriptSetup.name, options.sfc.scriptSetup.content.length, '#4569/main.vue', ';');
-    }
     if (!ctx.generatedTemplate) {
-        const templateCodegenCtx = yield* (0, template_1.generateTemplate)(options, ctx);
-        yield* (0, componentSelf_1.generateComponentSelf)(options, ctx, templateCodegenCtx);
-    }
-    yield* ctx.localTypes.generate([...ctx.localTypes.getUsedNames()]);
-    if (options.sfc.scriptSetup) {
-        yield ['', 'scriptSetup', options.sfc.scriptSetup.content.length, codeFeatures_1.codeFeatures.verification];
+        yield* (0, template_1.generateTemplate)(options, ctx);
     }
+    yield* generateExportDefault(options);
+    yield* ctx.localTypes.generate();
 }
-function* generateGlobalTypesPath(options) {
+function* generateGlobalTypesReference(options) {
     const globalTypesPath = options.vueCompilerOptions.globalTypesPath(options.fileName);
     if (!globalTypesPath) {
         yield `/* placeholder */${utils_1.newLine}`;
@@ -119,9 +101,34 @@ function* generateGlobalTypesPath(options) {
         yield `/// <reference types="${globalTypesPath}" />${utils_1.newLine}`;
     }
 }
-function* generateScriptSectionPartiallyEnding(source, end, mark, delimiter = 'debugger') {
-    yield delimiter;
-    yield ['', source, end, codeFeatures_1.codeFeatures.verification];
-    yield `/* PartiallyEnd: ${mark} */${utils_1.newLine}`;
+function* generateConstExport(options, block) {
+    if (options.sfc.script) {
+        yield* (0, utils_1.generatePartiallyEnding)(options.sfc.script.name, options.scriptRanges?.exportDefault
+            ? options.scriptRanges.exportDefault.start
+            : options.sfc.script.content.length, '#3632/script.vue');
+    }
+    yield `const `;
+    yield* (0, wrapWith_1.wrapWith)(0, block.content.length, block.name, codeFeatures_1.codeFeatures.verification, `__VLS_export`);
+    yield ` = `;
+}
+function* generateExportDefault(options) {
+    if (options.sfc.script?.src) {
+        yield* (0, src_1.generateSrc)(options.sfc.script.src);
+        return;
+    }
+    let prefix;
+    let suffix;
+    if (options.sfc.script && options.scriptRanges?.exportDefault) {
+        const { exportDefault } = options.scriptRanges;
+        prefix = (0, utils_1.generateSfcBlockSection)(options.sfc.script, exportDefault.start, exportDefault.expression.start, codeFeatures_1.codeFeatures.all);
+        suffix = (0, utils_1.generateSfcBlockSection)(options.sfc.script, exportDefault.expression.end, options.sfc.script.content.length, codeFeatures_1.codeFeatures.all);
+    }
+    else {
+        prefix = `export default `;
+        suffix = utils_1.endOfLine;
+    }
+    yield prefix;
+    yield `{} as typeof __VLS_export`;
+    yield suffix;
 }
 //# sourceMappingURL=index.js.map