@vue/language-core 3.1.8 → 3.2.1

package/lib/codegen/script/template.js

@@ -1,24 +1,53 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateTemplate = generateTemplate;
 const codeFeatures_1 = require("../codeFeatures");
-const names = require("../names");
+const names = __importStar(require("../names"));
 const utils_1 = require("../utils");
 const merge_1 = require("../utils/merge");
-const src_1 = require("./src");
 function* generateTemplate(options, ctx, selfType) {
     yield* generateSetupExposed(options, ctx);
     yield* generateTemplateCtx(options, ctx, selfType);
-    yield* generateTemplateComponents(options);
-    yield* generateTemplateDirectives(options);
-    if (options.styleCodegen) {
-        yield* options.styleCodegen.codes;
-    }
-    if (options.templateCodegen) {
-        yield* options.templateCodegen.codes;
+    yield* generateTemplateComponents(options, ctx);
+    yield* generateTemplateDirectives(options, ctx);
+    if (options.templateAndStyleCodes.length) {
+        yield* options.templateAndStyleCodes;
     }
 }
-function* generateTemplateCtx({ vueCompilerOptions, script, styleCodegen, scriptSetupRanges, fileName }, ctx, selfType) {
+function* generateTemplateCtx({ vueCompilerOptions, templateAndStyleTypes, scriptSetupRanges, fileName }, ctx, selfType) {
     const exps = [];
     const emitTypes = [];
     const propTypes = [];
@@ -28,13 +57,10 @@ function* generateTemplateCtx({ vueCompilerOptions, script, styleCodegen, script
     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`]);
     }
-    if (styleCodegen?.generatedTypes.has(names.StyleModules)) {
+    if (templateAndStyleTypes.has(names.StyleModules)) {
         exps.push([`{} as ${names.StyleModules}`]);
     }
     if (scriptSetupRanges?.defineEmits) {
@@ -58,9 +84,8 @@ function* generateTemplateCtx({ vueCompilerOptions, script, styleCodegen, script
         propTypes.push(names.EmitProps);
     }
     if (propTypes.length) {
-        yield `type ${names.InternalProps} = ${propTypes.join(` & `)}${utils_1.endOfLine}`;
-        exps.push([`{} as { $props: ${names.InternalProps} }`]);
-        exps.push([`{} as ${names.InternalProps}`]);
+        exps.push([`{} as { $props: ${propTypes.join(` & `)} }`]);
+        exps.push([`{} as ${propTypes.join(` & `)}`]);
     }
     if (ctx.generatedTypes.has(names.SetupExposed)) {
         exps.push([`{} as ${names.SetupExposed}`]);
@@ -69,37 +94,49 @@ function* generateTemplateCtx({ vueCompilerOptions, script, styleCodegen, script
     yield* (0, merge_1.generateSpreadMerge)(exps);
     yield utils_1.endOfLine;
 }
-function* generateTemplateComponents(options) {
-    const types = [`typeof ${names.ctx}`];
-    if (options.script && options.scriptRanges?.componentOptions?.components) {
-        const { components } = options.scriptRanges.componentOptions;
+function* generateTemplateComponents({ vueCompilerOptions, script, scriptRanges }, ctx) {
+    const types = [];
+    if (ctx.generatedTypes.has(names.SetupExposed)) {
+        types.push(names.SetupExposed);
+    }
+    if (script && scriptRanges?.exportDefault?.options?.components) {
+        const { components } = scriptRanges.exportDefault.options;
         yield `const __VLS_componentsOption = `;
-        yield* (0, utils_1.generateSfcBlockSection)(options.script, components.start, components.end, codeFeatures_1.codeFeatures.navigation);
+        yield* (0, utils_1.generateSfcBlockSection)(script, components.start, components.end, codeFeatures_1.codeFeatures.navigation);
         yield utils_1.endOfLine;
         types.push(`typeof __VLS_componentsOption`);
     }
-    yield `type __VLS_LocalComponents = ${types.join(` & `)}${utils_1.endOfLine}`;
+    yield `type __VLS_LocalComponents = ${types.length ? types.join(` & `) : `{}`}${utils_1.endOfLine}`;
+    yield `type __VLS_GlobalComponents = ${vueCompilerOptions.target >= 3.5
+        ? `import('${vueCompilerOptions.lib}').GlobalComponents`
+        : `import('${vueCompilerOptions.lib}').GlobalComponents & Pick<typeof import('${vueCompilerOptions.lib}'), 'Transition' | 'TransitionGroup' | 'KeepAlive' | 'Suspense' | 'Teleport'>`}${utils_1.endOfLine}`;
     yield `let ${names.components}!: __VLS_LocalComponents & __VLS_GlobalComponents${utils_1.endOfLine}`;
+    yield `let ${names.intrinsics}!: ${vueCompilerOptions.target >= 3.3
+        ? `import('${vueCompilerOptions.lib}/jsx-runtime').JSX.IntrinsicElements`
+        : `globalThis.JSX.IntrinsicElements`}${utils_1.endOfLine}`;
 }
-function* generateTemplateDirectives(options) {
-    const types = [`typeof ${names.ctx}`];
-    if (options.script && options.scriptRanges?.componentOptions?.directives) {
-        const { directives } = options.scriptRanges.componentOptions;
+function* generateTemplateDirectives({ vueCompilerOptions, script, scriptRanges }, ctx) {
+    const types = [];
+    if (ctx.generatedTypes.has(names.SetupExposed)) {
+        types.push(names.SetupExposed);
+    }
+    if (script && scriptRanges?.exportDefault?.options?.directives) {
+        const { directives } = scriptRanges.exportDefault.options;
         yield `const __VLS_directivesOption = `;
-        yield* (0, utils_1.generateSfcBlockSection)(options.script, directives.start, directives.end, codeFeatures_1.codeFeatures.navigation);
+        yield* (0, utils_1.generateSfcBlockSection)(script, directives.start, directives.end, codeFeatures_1.codeFeatures.navigation);
         yield utils_1.endOfLine;
         types.push(`__VLS_ResolveDirectives<typeof __VLS_directivesOption>`);
     }
-    yield `type __VLS_LocalDirectives = ${types.join(` & `)}${utils_1.endOfLine}`;
-    yield `let ${names.directives}!: __VLS_LocalDirectives & __VLS_GlobalDirectives${utils_1.endOfLine}`;
+    yield `type __VLS_LocalDirectives = ${types.length ? types.join(` & `) : `{}`}${utils_1.endOfLine}`;
+    yield `let ${names.directives}!: __VLS_LocalDirectives & import('${vueCompilerOptions.lib}').GlobalDirectives${utils_1.endOfLine}`;
 }
-function* generateSetupExposed({ setupExposed }, ctx) {
-    if (!setupExposed.size) {
+function* generateSetupExposed({ vueCompilerOptions, exposed }, ctx) {
+    if (!exposed.size) {
         return;
     }
     ctx.generatedTypes.add(names.SetupExposed);
-    yield `type ${names.SetupExposed} = __VLS_ProxyRefs<{${utils_1.newLine}`;
-    for (const bindingName of setupExposed) {
+    yield `type ${names.SetupExposed} = import('${vueCompilerOptions.lib}').ShallowUnwrapRef<{${utils_1.newLine}`;
+    for (const bindingName of exposed) {
         const token = Symbol(bindingName.length);
         yield ['', undefined, 0, { __linkedToken: token }];
         yield `${bindingName}: typeof `;

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

@@ -1,6 +1,6 @@
 import type { Code, Sfc, VueCompilerOptions } from '../../types';
 export interface StyleCodegenOptions {
-    ts: typeof import('typescript');
+    typescript: typeof import('typescript');
     vueCompilerOptions: VueCompilerOptions;
     styles: Sfc['styles'];
     setupRefs: Set<string>;
@@ -8,24 +8,23 @@ export interface StyleCodegenOptions {
 }
 export { generate as generateStyle };
 declare function generate(options: StyleCodegenOptions): {
-    codes: Code[];
     generatedTypes: Set<string>;
     currentInfo: {
-        ignoreError?: boolean;
+        ignoreError?: boolean | undefined;
         expectError?: {
             token: number;
             node: import("@vue/compiler-dom").CommentNode;
-        };
+        } | undefined;
         generic?: {
             content: string;
             offset: number;
-        };
+        } | undefined;
     };
     resolveCodeFeatures: (features: import("../../types").VueCodeInformation) => import("../../types").VueCodeInformation;
     inVFor: boolean;
     slots: {
         name: string;
-        offset?: number;
+        offset?: number | undefined;
         tagRange: [number, number];
         nodeLoc: any;
         propsVar: string;
@@ -46,7 +45,7 @@ declare function generate(options: StyleCodegenOptions): {
     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;
+    recordComponentAccess(source: string, name: string, offset?: number | undefined): void;
     scopes: Set<string>[];
     components: (() => string)[];
     declare(...varNames: string[]): void;
@@ -55,6 +54,7 @@ declare function generate(options: StyleCodegenOptions): {
     getHoistVariable(originalVar: string): string;
     generateHoistVariables(): Generator<string, void, unknown>;
     generateConditionGuards(): Generator<string, void, unknown>;
-    enter(node: import("@vue/compiler-dom").RootNode | import("@vue/compiler-dom").TemplateChildNode | import("@vue/compiler-dom").SimpleExpressionNode): boolean;
-    exit(): Generator<Code>;
+    enter(node: import("@vue/compiler-dom").RootNode | import("@vue/compiler-dom").SimpleExpressionNode | import("@vue/compiler-dom").TemplateChildNode): boolean;
+    exit(): Generator<Code, any, any>;
+    codes: Code[];
 };

package/lib/codegen/style/modules.js

@@ -1,8 +1,41 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateStyleModules = generateStyleModules;
 const codeFeatures_1 = require("../codeFeatures");
-const names = require("../names");
+const names = __importStar(require("../names"));
 const utils_1 = require("../utils");
 const common_1 = require("./common");
 function* generateStyleModules({ styles, vueCompilerOptions }, ctx) {

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

@@ -102,21 +102,21 @@ export type TemplateCodegenContext = ReturnType<typeof createTemplateCodegenCont
 export declare function createTemplateCodegenContext(): {
     generatedTypes: Set<string>;
     readonly currentInfo: {
-        ignoreError?: boolean;
+        ignoreError?: boolean | undefined;
         expectError?: {
             token: number;
             node: CompilerDOM.CommentNode;
-        };
+        } | undefined;
         generic?: {
             content: string;
             offset: number;
-        };
+        } | undefined;
     };
     resolveCodeFeatures: (features: VueCodeInformation) => VueCodeInformation;
     inVFor: boolean;
     slots: {
         name: string;
-        offset?: number;
+        offset?: number | undefined;
         tagRange: [number, number];
         nodeLoc: any;
         propsVar: string;
@@ -137,7 +137,7 @@ export declare function createTemplateCodegenContext(): {
     singleRootElTypes: Set<string>;
     singleRootNodes: Set<CompilerDOM.ElementNode | null>;
     addTemplateRef(name: string, typeExp: string, offset: number): void;
-    recordComponentAccess(source: string, name: string, offset?: number): void;
+    recordComponentAccess(source: string, name: string, offset?: number | undefined): void;
     scopes: Set<string>[];
     components: (() => string)[];
     declare(...varNames: string[]): void;
@@ -146,6 +146,6 @@ export declare function createTemplateCodegenContext(): {
     getHoistVariable(originalVar: string): string;
     generateHoistVariables(): Generator<string, void, unknown>;
     generateConditionGuards(): Generator<string, void, unknown>;
-    enter(node: CompilerDOM.RootNode | CompilerDOM.TemplateChildNode | CompilerDOM.SimpleExpressionNode): boolean;
-    exit(): Generator<Code>;
+    enter(node: CompilerDOM.RootNode | CompilerDOM.SimpleExpressionNode | CompilerDOM.TemplateChildNode): boolean;
+    exit(): Generator<Code, any, any>;
 };

package/lib/codegen/template/context.js

@@ -1,7 +1,40 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTemplateCodegenContext = createTemplateCodegenContext;
-const CompilerDOM = require("@vue/compiler-dom");
+const CompilerDOM = __importStar(require("@vue/compiler-dom"));
 const codeFeatures_1 = require("../codeFeatures");
 const utils_1 = require("../utils");
 const boundary_1 = require("../utils/boundary");

package/lib/codegen/template/element.js

@@ -1,14 +1,47 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateComponent = generateComponent;
 exports.generateElement = generateElement;
-const CompilerDOM = require("@vue/compiler-dom");
+const CompilerDOM = __importStar(require("@vue/compiler-dom"));
 const shared_1 = require("@vue/shared");
 const muggle_string_1 = require("muggle-string");
 const shared_2 = require("../../utils/shared");
 const codeFeatures_1 = require("../codeFeatures");
 const inlayHints_1 = require("../inlayHints");
-const names = require("../names");
+const names = __importStar(require("../names"));
 const utils_1 = require("../utils");
 const boundary_1 = require("../utils/boundary");
 const camelized_1 = require("../utils/camelized");
@@ -77,8 +110,8 @@ function* generateComponent(options, ctx, node) {
             yield utils_1.endOfLine;
         }
         else {
-            yield `let ${componentVar}!: __VLS_WithComponent<'${tag}', __VLS_LocalComponents`;
-            yield originalNames.has(options.selfComponentName)
+            yield `let ${componentVar}!: __VLS_WithComponent<'${tag}', __VLS_LocalComponents, __VLS_GlobalComponents`;
+            yield originalNames.has(options.componentName)
                 ? `, typeof ${names._export}`
                 : `, void`;
             for (const name of originalNames) {
@@ -100,6 +133,14 @@ function* generateComponent(options, ctx, node) {
                     yield ` | typeof ${names.components}.`;
                     yield* (0, camelized_1.generateCamelized)((0, shared_1.capitalize)(tag), 'template', startTagOffset, codeFeatures_1.codeFeatures.navigation);
                 }
+                if (endTagOffset !== undefined) {
+                    yield ` | typeof ${names.components}.`;
+                    yield* (0, camelized_1.generateCamelized)(tag, 'template', endTagOffset, codeFeatures_1.codeFeatures.navigation);
+                    if (tag[0] !== tag[0].toUpperCase()) {
+                        yield ` | typeof ${names.components}.`;
+                        yield* (0, camelized_1.generateCamelized)((0, shared_1.capitalize)(tag), 'template', endTagOffset, codeFeatures_1.codeFeatures.navigation);
+                    }
+                }
                 yield `} */${utils_1.newLine}`;
                 // auto import support
                 yield* (0, camelized_1.generateCamelized)(tag, 'template', startTagOffset, codeFeatures_1.codeFeatures.importCompletionOnly);
@@ -122,7 +163,7 @@ function* generateComponentBody(options, ctx, node, tag, tagOffset, props, compo
     const ctxVar = ctx.getInternalVariable();
     const propsVar = ctx.getInternalVariable();
     yield `// @ts-ignore${utils_1.newLine}`;
-    yield `const ${functionalVar} = __VLS_asFunctionalComponent(${componentVar}, new ${componentVar}({${utils_1.newLine}`;
+    yield `const ${functionalVar} = ${options.vueCompilerOptions.checkUnknownProps ? '__VLS_asFunctionalComponent0' : '__VLS_asFunctionalComponent1'}(${componentVar}, new ${componentVar}({${utils_1.newLine}`;
     yield* (0, muggle_string_1.toString)(propCodes);
     yield `}))${utils_1.endOfLine}`;
     yield `const `;
@@ -185,7 +226,7 @@ function* generateComponentBody(options, ctx, node, tag, tagOffset, props, compo
 function* generateElement(options, ctx, node) {
     const [startTagOffset, endTagOffset] = (0, shared_2.getElementTagOffsets)(node, options.template);
     const failedPropExps = [];
-    yield `__VLS_asFunctionalElement(${names.intrinsics}`;
+    yield `${options.vueCompilerOptions.checkUnknownProps ? `__VLS_asFunctionalElement0` : `__VLS_asFunctionalElement1`}(${names.intrinsics}`;
     yield* (0, propertyAccess_1.generatePropertyAccess)(options, ctx, node.tag, startTagOffset, codeFeatures_1.codeFeatures.withoutHighlightAndCompletion);
     if (endTagOffset !== undefined) {
         yield `, `;
@@ -220,7 +261,7 @@ function* generateElement(options, ctx, node) {
         yield* (0, templateChild_1.generateTemplateChild)(options, ctx, child);
     }
 }
-function* generateStyleScopedClassReferences({ template, ts }, node) {
+function* generateStyleScopedClassReferences({ template, typescript: ts }, node) {
     for (const prop of node.props) {
         if (prop.type === CompilerDOM.NodeTypes.ATTRIBUTE
             && prop.name === 'class'

package/lib/codegen/template/elementDirectives.js

@@ -1,11 +1,44 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateElementDirectives = generateElementDirectives;
 exports.generateModifiers = generateModifiers;
-const CompilerDOM = require("@vue/compiler-dom");
+const CompilerDOM = __importStar(require("@vue/compiler-dom"));
 const shared_1 = require("@vue/shared");
 const codeFeatures_1 = require("../codeFeatures");
-const names = require("../names");
+const names = __importStar(require("../names"));
 const utils_1 = require("../utils");
 const boundary_1 = require("../utils/boundary");
 const camelized_1 = require("../utils/camelized");
@@ -33,7 +66,7 @@ function* generateElementDirectives(options, ctx, node) {
         const token = yield* (0, boundary_1.startBoundary)('template', prop.loc.start.offset, codeFeatures_1.codeFeatures.verification);
         yield `__VLS_asFunctionalDirective(`;
         yield* generateIdentifier(options, ctx, prop);
-        yield `)(null!, { ...__VLS_directiveBindingRestFields, `;
+        yield `, {} as import('${options.vueCompilerOptions.lib}').ObjectDirective)(null!, { ...__VLS_directiveBindingRestFields, `;
         yield* generateArg(options, ctx, prop);
         yield* generateModifiers(options, ctx, prop);
         yield* generateValue(options, ctx, prop);

package/lib/codegen/template/elementEvents.js

@@ -1,11 +1,44 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateElementEvents = generateElementEvents;
 exports.generateEventArg = generateEventArg;
 exports.generateEventExpression = generateEventExpression;
 exports.generateModelEventExpression = generateModelEventExpression;
 exports.isCompoundExpression = isCompoundExpression;
-const CompilerDOM = require("@vue/compiler-dom");
+const CompilerDOM = __importStar(require("@vue/compiler-dom"));
 const shared_1 = require("@vue/shared");
 const codeFeatures_1 = require("../codeFeatures");
 const utils_1 = require("../utils");
@@ -89,8 +122,8 @@ function* generateEventArg(options, name, start, directive = 'on', features) {
 }
 function* generateEventExpression(options, ctx, prop) {
     if (prop.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
-        const ast = (0, utils_1.getTypeScriptAST)(options.ts, options.template, prop.exp.content);
-        const isCompound = isCompoundExpression(options.ts, ast);
+        const ast = (0, utils_1.getTypeScriptAST)(options.typescript, options.template, prop.exp.content);
+        const isCompound = isCompoundExpression(options.typescript, ast);
         const interpolation = (0, interpolation_1.generateInterpolation)(options, ctx, options.template, codeFeatures_1.codeFeatures.all, prop.exp.content, prop.exp.loc.start.offset, isCompound ? `` : `(`, isCompound ? `` : `)`);
         if (isCompound) {
             yield `(...[$event]) => {${utils_1.newLine}`;

package/lib/codegen/template/elementProps.js

@@ -1,14 +1,47 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateElementProps = generateElementProps;
 exports.generatePropExp = generatePropExp;
-const CompilerDOM = require("@vue/compiler-dom");
+const CompilerDOM = __importStar(require("@vue/compiler-dom"));
 const shared_1 = require("@vue/shared");
 const picomatch_1 = require("picomatch");
 const shared_2 = require("../../utils/shared");
 const codeFeatures_1 = require("../codeFeatures");
 const inlayHints_1 = require("../inlayHints");
-const names = require("../names");
+const names = __importStar(require("../names"));
 const utils_1 = require("../utils");
 const boundary_1 = require("../utils/boundary");
 const camelized_1 = require("../utils/camelized");