@vue/language-core 3.0.0-beta.2 → 3.0.0-beta.4

package/lib/codegen/template/index.js

@@ -10,7 +10,7 @@ const objectProperty_1 = require("./objectProperty");
 const styleScopedClasses_1 = require("./styleScopedClasses");
 const templateChild_1 = require("./templateChild");
 function* generateTemplate(options) {
-    const ctx = (0, context_1.createTemplateCodegenContext)(options);
+    const ctx = (0, context_1.createTemplateCodegenContext)(options, options.template.ast);
     if (options.slotsAssignName) {
         ctx.addLocalVariable(options.slotsAssignName);
     }
@@ -38,7 +38,7 @@ function* generateTemplate(options) {
         ['$slots', yield* generateSlots(options, ctx)],
         ['$attrs', yield* generateInheritedAttrs(options, ctx)],
         ['$refs', yield* generateTemplateRefs(options, ctx)],
-        ['$el', yield* generateRootEl(ctx)]
+        ['$el', yield* generateRootEl(ctx)],
     ];
     yield `var __VLS_dollars!: {${utils_1.newLine}`;
     for (const [name, type] of speicalTypes) {
@@ -56,7 +56,7 @@ function* generateSlots(options, ctx) {
         for (const slot of ctx.slots) {
             yield `${utils_1.newLine}& { `;
             if (slot.name && slot.offset !== undefined) {
-                yield* (0, objectProperty_1.generateObjectProperty)(options, ctx, slot.name, slot.offset, ctx.codeFeatures.withoutHighlightAndCompletion, slot.nodeLoc);
+                yield* (0, objectProperty_1.generateObjectProperty)(options, ctx, slot.name, slot.offset, ctx.codeFeatures.withoutHighlightAndCompletion);
             }
             else {
                 yield* (0, wrapWith_1.wrapWith)(slot.tagRange[0], slot.tagRange[1], ctx.codeFeatures.withoutHighlightAndCompletion, `default`);
@@ -81,7 +81,7 @@ function* generateInheritedAttrs(options, ctx) {
                 loc.source,
                 'template',
                 loc.start.offset,
-                ctx.codeFeatures.all
+                ctx.codeFeatures.all,
             ];
             yield `,`;
         }

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

@@ -1,8 +1,5 @@
-import type * as ts from 'typescript';
 import type { Code, VueCodeInformation } from '../../types';
+import type { ScriptCodegenOptions } from '../script';
 import type { TemplateCodegenContext } from './context';
-export declare function generateInterpolation(options: {
-    ts: typeof ts;
-    destructuredPropNames: Set<string> | undefined;
-    templateRefNames: Set<string> | undefined;
-}, ctx: TemplateCodegenContext, source: string, data: VueCodeInformation | ((offset: number) => VueCodeInformation) | undefined, code: string, start: number | undefined, astHolder?: any, prefix?: string, suffix?: string): Generator<Code>;
+import type { TemplateCodegenOptions } from './index';
+export declare function generateInterpolation(options: TemplateCodegenOptions | ScriptCodegenOptions, ctx: TemplateCodegenContext, source: string, data: VueCodeInformation | ((offset: number) => VueCodeInformation) | undefined, code: string, start: number | undefined, prefix?: string, suffix?: string): Generator<Code>;

package/lib/codegen/template/interpolation.js

@@ -6,8 +6,9 @@ const shared_2 = require("../../utils/shared");
 const utils_1 = require("../utils");
 // https://github.com/vuejs/core/blob/fb0c3ca519f1fccf52049cd6b8db3a67a669afe9/packages/compiler-core/src/transforms/transformExpression.ts#L47
 const isLiteralWhitelisted = /*@__PURE__*/ (0, shared_1.makeMap)('true,false,null,this');
-function* generateInterpolation(options, ctx, source, data, code, start, astHolder = {}, prefix = '', suffix = '') {
-    for (let [section, offset, type] of forEachInterpolationSegment(options.ts, options.destructuredPropNames, options.templateRefNames, ctx, code, start, astHolder, prefix, suffix)) {
+function* generateInterpolation(options, ctx, source, data, code, start, prefix = '', suffix = '') {
+    const { ts, destructuredPropNames, templateRefNames, } = options;
+    for (let [section, offset, type] of forEachInterpolationSegment(ts, ctx.inlineTsAsts, destructuredPropNames, templateRefNames, ctx, code, start, prefix, suffix)) {
         if (offset === undefined) {
             yield section;
         }
@@ -34,7 +35,9 @@ function* generateInterpolation(options, ctx, source, data, code, start, astHold
                         start + offset,
                         type === 'errorMappingOnly'
                             ? ctx.codeFeatures.verification
-                            : typeof data === 'function' ? data(start + offset) : data,
+                            : typeof data === 'function'
+                                ? data(start + offset)
+                                : data,
                     ];
                 }
                 else {
@@ -45,8 +48,7 @@ function* generateInterpolation(options, ctx, source, data, code, start, astHold
         }
     }
 }
-;
-function* forEachInterpolationSegment(ts, destructuredPropNames, templateRefNames, ctx, originalCode, start, astHolder, prefix, suffix) {
+function* forEachInterpolationSegment(ts, inlineTsAsts, destructuredPropNames, templateRefNames, ctx, originalCode, start, prefix, suffix) {
     const code = prefix + originalCode + suffix;
     const offset = start !== undefined ? start - prefix.length : undefined;
     let ctxVars = [];
@@ -57,7 +59,7 @@ function* forEachInterpolationSegment(ts, destructuredPropNames, templateRefName
         });
     }
     else {
-        const ast = (0, utils_1.createTsAst)(ts, astHolder, code);
+        const ast = (0, utils_1.createTsAst)(ts, inlineTsAsts, code);
         const varCb = (id, isShorthand) => {
             const text = (0, shared_2.getNodeText)(ts, id, ast);
             if (!shouldIdentifierSkipped(ctx, text, destructuredPropNames)) {
@@ -150,17 +152,14 @@ function walkIdentifiers(ts, node, ast, cb, ctx, blockVars = [], isRoot = true)
                     walkIdentifiers(ts, prop.name.expression, ast, cb, ctx, blockVars, false);
                 }
                 walkIdentifiers(ts, prop.initializer, ast, cb, ctx, blockVars, false);
-            }
-            // fix https://github.com/vuejs/language-tools/issues/1156
+            } // fix https://github.com/vuejs/language-tools/issues/1156
             else if (ts.isShorthandPropertyAssignment(prop)) {
                 walkIdentifiers(ts, prop, ast, cb, ctx, blockVars, false);
-            }
-            // fix https://github.com/vuejs/language-tools/issues/1148#issuecomment-1094378126
+            } // fix https://github.com/vuejs/language-tools/issues/1148#issuecomment-1094378126
             else if (ts.isSpreadAssignment(prop)) {
                 // TODO: cannot report "Spread types may only be created from object types.ts(2698)"
                 walkIdentifiers(ts, prop.expression, ast, cb, ctx, blockVars, false);
-            }
-            // fix https://github.com/vuejs/language-tools/issues/4604
+            } // fix https://github.com/vuejs/language-tools/issues/4604
             else if (ts.isFunctionLike(prop) && prop.body) {
                 processFunction(ts, prop, ast, cb, ctx);
             }

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

@@ -1,4 +1,4 @@
 import type { Code, VueCodeInformation } from '../../types';
 import type { TemplateCodegenContext } from './context';
 import type { TemplateCodegenOptions } from './index';
-export declare function generateObjectProperty(options: TemplateCodegenOptions, ctx: TemplateCodegenContext, code: string, offset: number, features: VueCodeInformation, astHolder?: any, shouldCamelize?: boolean, shouldBeConstant?: boolean): Generator<Code>;
+export declare function generateObjectProperty(options: TemplateCodegenOptions, ctx: TemplateCodegenContext, code: string, offset: number, features: VueCodeInformation, shouldCamelize?: boolean, shouldBeConstant?: boolean): Generator<Code>;

package/lib/codegen/template/objectProperty.js

@@ -7,13 +7,13 @@ const camelized_1 = require("../utils/camelized");
 const stringLiteralKey_1 = require("../utils/stringLiteralKey");
 const wrapWith_1 = require("../utils/wrapWith");
 const interpolation_1 = require("./interpolation");
-function* generateObjectProperty(options, ctx, code, offset, features, astHolder, shouldCamelize = false, shouldBeConstant = false) {
-    if (code.startsWith('[') && code.endsWith(']') && astHolder) {
+function* generateObjectProperty(options, ctx, code, offset, features, shouldCamelize = false, shouldBeConstant = false) {
+    if (code.startsWith('[') && code.endsWith(']')) {
         if (shouldBeConstant) {
-            yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', features, code.slice(1, -1), offset + 1, astHolder, `[__VLS_tryAsConstant(`, `)]`);
+            yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', features, code.slice(1, -1), offset + 1, `[__VLS_tryAsConstant(`, `)]`);
         }
         else {
-            yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', features, code, offset, astHolder);
+            yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', features, code, offset);
         }
     }
     else if (shouldCamelize) {

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

@@ -1,4 +1,4 @@
 import type { Code, VueCodeInformation } from '../../types';
 import type { TemplateCodegenContext } from './context';
 import type { TemplateCodegenOptions } from './index';
-export declare function generatePropertyAccess(options: TemplateCodegenOptions, ctx: TemplateCodegenContext, code: string, offset?: number, features?: VueCodeInformation, astHolder?: any): Generator<Code>;
+export declare function generatePropertyAccess(options: TemplateCodegenOptions, ctx: TemplateCodegenContext, code: string, offset?: number, features?: VueCodeInformation): Generator<Code>;

package/lib/codegen/template/propertyAccess.js

@@ -4,7 +4,7 @@ exports.generatePropertyAccess = generatePropertyAccess;
 const utils_1 = require("../utils");
 const stringLiteralKey_1 = require("../utils/stringLiteralKey");
 const interpolation_1 = require("./interpolation");
-function* generatePropertyAccess(options, ctx, code, offset, features, astHolder) {
+function* generatePropertyAccess(options, ctx, code, offset, features) {
     if (!options.compilerOptions.noPropertyAccessFromIndexSignature && utils_1.identifierRegex.test(code)) {
         yield `.`;
         yield offset !== undefined && features
@@ -12,7 +12,7 @@ function* generatePropertyAccess(options, ctx, code, offset, features, astHolder
             : code;
     }
     else if (code.startsWith('[') && code.endsWith(']')) {
-        yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', features, code, offset, astHolder);
+        yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', features, code, offset);
     }
     else {
         yield `[`;

package/lib/codegen/template/slotOutlet.js

@@ -10,7 +10,8 @@ const elementProps_1 = require("./elementProps");
 const interpolation_1 = require("./interpolation");
 const propertyAccess_1 = require("./propertyAccess");
 function* generateSlotOutlet(options, ctx, node) {
-    const startTagOffset = node.loc.start.offset + options.template.content.slice(node.loc.start.offset).indexOf(node.tag);
+    const startTagOffset = node.loc.start.offset
+        + options.template.content.slice(node.loc.start.offset).indexOf(node.tag);
     const startTagEndOffset = startTagOffset + node.tag.length;
     const propsVar = ctx.getInternalVariable();
     const nameProp = node.props.find(prop => {
@@ -40,7 +41,7 @@ function* generateSlotOutlet(options, ctx, node) {
                 codes = [
                     `[`,
                     ...(0, elementProps_1.generatePropExp)(options, ctx, nameProp, nameProp.exp),
-                    `]`
+                    `]`,
                 ];
             }
             else {
@@ -77,7 +78,7 @@ function* generateSlotOutlet(options, ctx, node) {
             }
             const expVar = ctx.getInternalVariable();
             yield `var ${expVar} = __VLS_tryAsConstant(`;
-            yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', ctx.codeFeatures.all, nameProp.exp.content, nameProp.exp.loc.start.offset, nameProp.exp);
+            yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', ctx.codeFeatures.all, nameProp.exp.content, nameProp.exp.loc.start.offset);
             yield `)${utils_1.endOfLine}`;
             ctx.dynamicSlots.push({
                 expVar: ctx.getHoistVariable(expVar),

package/lib/codegen/template/styleScopedClasses.js

@@ -67,8 +67,8 @@ function collectStyleScopedClassReferences(options, ctx, node) {
             const ast = ts.createSourceFile('', content, 99);
             const literals = [];
             ts.forEachChild(ast, node => {
-                if (!ts.isExpressionStatement(node) ||
-                    !isTemplateExpression(node.expression)) {
+                if (!ts.isExpressionStatement(node)
+                    || !isTemplateExpression(node.expression)) {
                     return;
                 }
                 const expression = node.expression.templateSpans[0].expression;
@@ -130,7 +130,7 @@ function collectStyleScopedClassReferences(options, ctx, node) {
                 ctx.scopedClasses.push({
                     source: 'template',
                     className: text,
-                    offset: node.end - text.length + startOffset
+                    offset: node.end - text.length + startOffset,
                 });
             }
         }
@@ -146,7 +146,7 @@ function collectClasses(content, startOffset = 0) {
                 classes.push({
                     source: 'template',
                     className: currentClassName,
-                    offset: offset + startOffset
+                    offset: offset + startOffset,
                 });
                 offset += currentClassName.length;
                 currentClassName = '';

package/lib/codegen/template/templateChild.js

@@ -83,7 +83,7 @@ function* generateTemplateChild(options, ctx, node, enterNode = true) {
     else if (node.type === CompilerDOM.NodeTypes.INTERPOLATION) {
         // {{ ... }}
         const [content, start] = parseInterpolationNode(node, options.template.content);
-        yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', ctx.codeFeatures.all, content, start, node.content.loc, `(`, `)${utils_1.endOfLine}`);
+        yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', ctx.codeFeatures.all, content, start, `(`, `)${utils_1.endOfLine}`);
     }
     else if (node.type === CompilerDOM.NodeTypes.IF) {
         // v-if / v-else-if / v-else
@@ -173,7 +173,8 @@ function parseInterpolationNode(node, template) {
         start--;
         content = leftCharacter + content;
     }
-    while ((rightCharacter = template.slice(start + content.length, start + content.length + 1)).trim() === '' && rightCharacter.length) {
+    while ((rightCharacter = template.slice(start + content.length, start + content.length + 1)).trim() === ''
+        && rightCharacter.length) {
         content = content + rightCharacter;
     }
     return [

package/lib/codegen/template/vFor.js

@@ -12,7 +12,7 @@ function* generateVFor(options, ctx, node) {
     const forBlockVars = [];
     yield `for (const [`;
     if (leftExpressionRange && leftExpressionText) {
-        const collectAst = (0, utils_1.createTsAst)(options.ts, node.parseResult, `const [${leftExpressionText}]`);
+        const collectAst = (0, utils_1.createTsAst)(options.ts, ctx.inlineTsAsts, `const [${leftExpressionText}]`);
         (0, utils_1.collectVars)(options.ts, collectAst, collectAst, forBlockVars);
         yield [
             leftExpressionText,
@@ -24,7 +24,7 @@ function* generateVFor(options, ctx, node) {
     yield `] of `;
     if (source.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
         yield `__VLS_getVForSourceType(`;
-        yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', ctx.codeFeatures.all, source.content, source.loc.start.offset, source.loc, `(`, `)`);
+        yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', ctx.codeFeatures.all, source.content, source.loc.start.offset, `(`, `)`);
         yield `!)`; // #3102
     }
     else {
@@ -46,7 +46,7 @@ function* generateVFor(options, ctx, node) {
             for (const prop of argument.returns.props.properties) {
                 if (prop.value.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
                     && !prop.value.isStatic) {
-                    yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', ctx.codeFeatures.all, prop.value.content, prop.value.loc.start.offset, prop.value.loc, `(`, `)`);
+                    yield* (0, interpolation_1.generateInterpolation)(options, ctx, 'template', ctx.codeFeatures.all, prop.value.content, prop.value.loc.start.offset, `(`, `)`);
                     yield utils_1.endOfLine;
                 }
             }

package/lib/codegen/template/vIf.js

@@ -21,7 +21,7 @@ function* generateVIf(options, ctx, node) {
         }
         let addedBlockCondition = false;
         if (branch.condition?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
-            const codes = [...(0, interpolation_1.generateInterpolation)(options, ctx, 'template', ctx.codeFeatures.all, branch.condition.content, branch.condition.loc.start.offset, branch.condition.loc, `(`, `)`)];
+            const codes = [...(0, interpolation_1.generateInterpolation)(options, ctx, 'template', ctx.codeFeatures.all, branch.condition.content, branch.condition.loc.start.offset, `(`, `)`)];
             yield* codes;
             ctx.blockConditions.push((0, muggle_string_1.toString)(codes));
             addedBlockCondition = true;

package/lib/codegen/template/vSlot.js

@@ -21,7 +21,7 @@ function* generateVSlot(options, ctx, node, slotDir) {
         yield `const { `;
         if (slotDir) {
             if (slotDir.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && slotDir.arg.content) {
-                yield* (0, objectProperty_1.generateObjectProperty)(options, ctx, slotDir.arg.loc.source, slotDir.arg.loc.start.offset, slotDir.arg.isStatic ? ctx.codeFeatures.withoutHighlight : ctx.codeFeatures.all, slotDir.arg.loc, false, true);
+                yield* (0, objectProperty_1.generateObjectProperty)(options, ctx, slotDir.arg.loc.source, slotDir.arg.loc.start.offset, slotDir.arg.isStatic ? ctx.codeFeatures.withoutHighlight : ctx.codeFeatures.all, false, true);
             }
             else {
                 yield* (0, wrapWith_1.wrapWith)(slotDir.loc.start.offset, slotDir.loc.start.offset + (slotDir.rawName?.length ?? 0), ctx.codeFeatures.withoutHighlightAndCompletion, `default`);
@@ -35,7 +35,7 @@ function* generateVSlot(options, ctx, node, slotDir) {
         yield `: ${slotVar} } = ${ctx.currentComponent.ctxVar}.slots!${utils_1.endOfLine}`;
     }
     if (slotDir?.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
-        const slotAst = (0, utils_1.createTsAst)(options.ts, slotDir, `(${slotDir.exp.content}) => {}`);
+        const slotAst = (0, utils_1.createTsAst)(options.ts, ctx.inlineTsAsts, `(${slotDir.exp.content}) => {}`);
         (0, utils_1.collectVars)(options.ts, slotAst, slotAst, slotBlockVars);
         yield* generateSlotParameters(options, ctx, slotAst, slotDir.exp, slotVar);
     }

package/lib/codegen/utils/escaped.d.ts

@@ -1,2 +1,2 @@
-import type { Code, VueCodeInformation } from "../../types";
+import type { Code, VueCodeInformation } from '../../types';
 export declare function generateEscaped(text: string, source: string, offset: number, features: VueCodeInformation, escapeTarget: RegExp): Generator<Code>;

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

@@ -16,5 +16,5 @@ export declare function collectIdentifiers(ts: typeof import('typescript'), node
     initializer: ts.Expression | undefined;
 }[];
 export declare function normalizeAttributeValue(node: CompilerDOM.TextNode): [string, number];
-export declare function createTsAst(ts: typeof import('typescript'), astHolder: any, text: string): ts.SourceFile;
+export declare function createTsAst(ts: typeof import('typescript'), inlineTsAsts: Map<string, ts.SourceFile> | undefined, text: string): ts.SourceFile;
 export declare function generateSfcBlockSection(block: SfcBlock, start: number, end: number, features: VueCodeInformation): Code;

package/lib/codegen/utils/index.js

@@ -49,12 +49,14 @@ function normalizeAttributeValue(node) {
     }
     return [content, offset];
 }
-function createTsAst(ts, astHolder, text) {
-    if (astHolder.__volar_ast_text !== text) {
-        astHolder.__volar_ast_text = text;
-        astHolder.__volar_ast = ts.createSourceFile('/a.ts', text, 99);
+function createTsAst(ts, inlineTsAsts, text) {
+    let ast = inlineTsAsts?.get(text);
+    if (!ast) {
+        ast = ts.createSourceFile('/a.ts', text, 99);
+        inlineTsAsts?.set(text, ast);
     }
-    return astHolder.__volar_ast;
+    ast.__volar_used = true;
+    return ast;
 }
 function generateSfcBlockSection(block, start, end, features) {
     return [

package/lib/codegen/utils/wrapWith.d.ts

@@ -1,3 +1,3 @@
-import type { Code, VueCodeInformation } from "../../types";
+import type { Code, VueCodeInformation } from '../../types';
 export declare function wrapWith(startOffset: number, endOffset: number, features: VueCodeInformation, ...codes: Code[]): Generator<Code>;
 export declare function wrapWith(startOffset: number, endOffset: number, source: string, features: VueCodeInformation, ...codes: Code[]): Generator<Code>;

package/lib/languagePlugin.js

@@ -88,9 +88,12 @@ function createVueLanguagePlugin(ts, compilerOptions, vueCompilerOptions, asFile
                         return {
                             code,
                             extension: '.' + lang,
-                            scriptKind: lang === 'js' ? ts.ScriptKind.JS
-                                : lang === 'jsx' ? ts.ScriptKind.JSX
-                                    : lang === 'tsx' ? ts.ScriptKind.TSX
+                            scriptKind: lang === 'js'
+                                ? ts.ScriptKind.JS
+                                : lang === 'jsx'
+                                    ? ts.ScriptKind.JSX
+                                    : lang === 'tsx'
+                                        ? ts.ScriptKind.TSX
                                         : ts.ScriptKind.TS,
                         };
                     }

package/lib/parsers/scriptSetupRanges.js

@@ -143,7 +143,7 @@ function parseScriptSetupRanges(ts, ast, vueCompilerOptions) {
                 defineProps = {
                     ...parseCallExpressionAssignment(node, parent),
                     statement: getStatementRange(ts, parents, node, ast),
-                    argNode: node.arguments[0]
+                    argNode: node.arguments[0],
                 };
                 if (ts.isVariableDeclaration(parent) && ts.isObjectBindingPattern(parent.name)) {
                     defineProps.destructured = new Map();
@@ -172,13 +172,13 @@ function parseScriptSetupRanges(ts, ast, vueCompilerOptions) {
                     callExp: _getStartEnd(node),
                     exp: _getStartEnd(node.expression),
                     arg: arg ? _getStartEnd(arg) : undefined,
-                    argNode: arg
+                    argNode: arg,
                 };
             }
             else if (vueCompilerOptions.macros.defineEmits.includes(callText)) {
                 defineEmits = {
                     ...parseCallExpressionAssignment(node, parent),
-                    statement: getStatementRange(ts, parents, node, ast)
+                    statement: getStatementRange(ts, parents, node, ast),
                 };
                 if (node.typeArguments?.length && ts.isTypeLiteralNode(node.typeArguments[0])) {
                     for (const member of node.typeArguments[0].members) {
@@ -195,7 +195,7 @@ function parseScriptSetupRanges(ts, ast, vueCompilerOptions) {
             else if (vueCompilerOptions.macros.defineSlots.includes(callText)) {
                 defineSlots = {
                     ...parseCallExpressionAssignment(node, parent),
-                    statement: getStatementRange(ts, parents, node, ast)
+                    statement: getStatementRange(ts, parents, node, ast),
                 };
             }
             else if (vueCompilerOptions.macros.defineExpose.includes(callText)) {
@@ -274,20 +274,20 @@ function parseBindingRanges(ts, ast) {
         else if (ts.isFunctionDeclaration(node)) {
             if (node.name && ts.isIdentifier(node.name)) {
                 bindings.push({
-                    range: _getStartEnd(node.name)
+                    range: _getStartEnd(node.name),
                 });
             }
         }
         else if (ts.isClassDeclaration(node)) {
             if (node.name) {
                 bindings.push({
-                    range: _getStartEnd(node.name)
+                    range: _getStartEnd(node.name),
                 });
             }
         }
         else if (ts.isEnumDeclaration(node)) {
             bindings.push({
-                range: _getStartEnd(node.name)
+                range: _getStartEnd(node.name),
             });
         }
         if (ts.isImportDeclaration(node)) {
@@ -298,7 +298,7 @@ function parseBindingRanges(ts, ast) {
                     bindings.push({
                         range: _getStartEnd(name),
                         moduleName,
-                        isDefaultImport: true
+                        isDefaultImport: true,
                     });
                 }
                 if (namedBindings) {
@@ -310,7 +310,7 @@ function parseBindingRanges(ts, ast) {
                             bindings.push({
                                 range: _getStartEnd(element.name),
                                 moduleName,
-                                isDefaultImport: element.propertyName?.text === 'default'
+                                isDefaultImport: element.propertyName?.text === 'default',
                             });
                         }
                     }
@@ -318,7 +318,7 @@ function parseBindingRanges(ts, ast) {
                         bindings.push({
                             range: _getStartEnd(namedBindings.name),
                             moduleName,
-                            isNamespace: true
+                            isNamespace: true,
                         });
                     }
                 }
@@ -343,8 +343,7 @@ function findBindingVars(ts, left, ast) {
     function worker(node) {
         if (ts.isIdentifier(node)) {
             vars.push((0, shared_1.getStartEnd)(ts, node, ast));
-        }
-        // { ? } = ...
+        } // { ? } = ...
         // [ ? ] = ...
         else if (ts.isObjectBindingPattern(node) || ts.isArrayBindingPattern(node)) {
             for (const property of node.elements) {
@@ -352,16 +351,13 @@ function findBindingVars(ts, left, ast) {
                     worker(property.name);
                 }
             }
-        }
-        // { foo: ? } = ...
+        } // { foo: ? } = ...
         else if (ts.isPropertyAssignment(node)) {
             worker(node.initializer);
-        }
-        // { foo } = ...
+        } // { foo } = ...
         else if (ts.isShorthandPropertyAssignment(node)) {
             vars.push((0, shared_1.getStartEnd)(ts, node.name, ast));
-        }
-        // { ...? } = ...
+        } // { ...? } = ...
         // [ ...? ] = ...
         else if (ts.isSpreadAssignment(node) || ts.isSpreadElement(node)) {
             worker(node.expression);

package/lib/parsers/vueCompilerOptions.js

@@ -13,7 +13,6 @@ function parseVueCompilerOptions(comments) {
             }
         }
         catch { }
-        ;
     })
         .filter(item => !!item);
     if (entries.length) {

package/lib/plugins/file-html.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const sfcBlockReg = /\<(script|style)\b([\s\S]*?)\>([\s\S]*?)\<\/\1\>/g;
-const langReg = /\blang\s*=\s*(['\"]?)(\S*)\b\1/;
+const sfcBlockReg = /<(script|style)\b([\s\S]*?)>([\s\S]*?)<\/\1>/g;
+const langReg = /\blang\s*=\s*(['"]?)(\S*)\b\1/;
 const plugin = ({ vueCompilerOptions }) => {
     return {
         version: 2.1,
@@ -53,8 +53,7 @@ const plugin = ({ vueCompilerOptions }) => {
                         type: 'style',
                         lang,
                     });
-                }
-                // ignore `<script src="...">`
+                } // ignore `<script src="...">`
                 else if (tag === 'script' && !attrs.includes('src=')) {
                     let type = attrs.includes('type=') ? 'scriptSetup' : 'script';
                     sfc.descriptor[type] = {
@@ -69,7 +68,8 @@ const plugin = ({ vueCompilerOptions }) => {
                         lang,
                     };
                 }
-                templateContent = templateContent.slice(0, match.index) + ' '.repeat(matchText.length) + templateContent.slice(match.index + matchText.length);
+                templateContent = templateContent.slice(0, match.index) + ' '.repeat(matchText.length)
+                    + templateContent.slice(match.index + matchText.length);
             }
             sfc.descriptor.template = {
                 attrs: {},
@@ -83,7 +83,7 @@ const plugin = ({ vueCompilerOptions }) => {
                 ast: {},
             };
             return sfc;
-        }
+        },
     };
 };
 exports.default = plugin;

package/lib/plugins/file-md.js

@@ -8,9 +8,9 @@ const frontmatterReg = /^---[\s\S]*?\n---(?:\r?\n|$)/;
 const codeblockReg = /(`{3,})[\s\S]+?\1/g;
 const inlineCodeblockReg = /`[^\n`]+?`/g;
 const latexBlockReg = /(\${2,})[\s\S]+?\1/g;
-const scriptSetupReg = /\\\<[\s\S]+?\>\n?/g;
-const sfcBlockReg = /\<(script|style)\b[\s\S]*?\>([\s\S]*?)\<\/\1\>/g;
-const angleBracketReg = /\<\S*\:\S*\>/g;
+const scriptSetupReg = /\\<[\s\S]+?>\n?/g;
+const sfcBlockReg = /<(script|style)\b[\s\S]*?>([\s\S]*?)<\/\1>/g;
+const angleBracketReg = /<\S*:\S*>/g;
 const linkReg = /\[[\s\S]*?\]\([\s\S]*?\)/g;
 const codeSnippetImportReg = /^\s*<<<\s*.+/gm;
 const plugin = ({ vueCompilerOptions }) => {
@@ -47,7 +47,8 @@ const plugin = ({ vueCompilerOptions }) => {
                     const matchText = match[0];
                     codes.push([matchText, undefined, match.index]);
                     codes.push('\n\n');
-                    content = content.slice(0, match.index) + ' '.repeat(matchText.length) + content.slice(match.index + matchText.length);
+                    content = content.slice(0, match.index) + ' '.repeat(matchText.length)
+                        + content.slice(match.index + matchText.length);
                 }
             }
             content = content
@@ -92,7 +93,7 @@ const plugin = ({ vueCompilerOptions }) => {
                     break;
                 }
             }
-        }
+        },
     };
 };
 exports.default = plugin;

package/lib/plugins/file-vue.js

@@ -31,10 +31,9 @@ const plugin = ({ vueCompilerOptions }) => {
                 return;
             }
             const oldContent = hitBlock.content;
-            const newContent = hitBlock.content =
-                hitBlock.content.slice(0, change.start - hitBlock.loc.start.offset)
-                    + change.newText
-                    + hitBlock.content.slice(change.end - hitBlock.loc.start.offset);
+            const newContent = hitBlock.content = hitBlock.content.slice(0, change.start - hitBlock.loc.start.offset)
+                + change.newText
+                + hitBlock.content.slice(change.end - hitBlock.loc.start.offset);
             // #3449
             const endTagRegex = new RegExp(`</\\s*${hitBlock.type}\\s*>`);
             const insertedEndTag = endTagRegex.test(oldContent) !== endTagRegex.test(newContent);

package/lib/plugins/vue-sfc-scripts.js

@@ -14,8 +14,10 @@ const plugin = () => {
             return names;
         },
         resolveEmbeddedCode(_fileName, sfc, embeddedFile) {
-            const script = embeddedFile.id === 'script_raw' ? sfc.script
-                : embeddedFile.id === 'scriptsetup_raw' ? sfc.scriptSetup
+            const script = embeddedFile.id === 'script_raw'
+                ? sfc.script
+                : embeddedFile.id === 'scriptsetup_raw'
+                    ? sfc.scriptSetup
                     : undefined;
             if (script) {
                 embeddedFile.content.push([

package/lib/plugins/vue-template-html.js

@@ -171,10 +171,9 @@ const plugin = ({ modules }) => {
             function tryUpdateNodeLoc(loc) {
                 delete loc.__endOffset;
                 if (withinChangeRange(loc)) {
-                    loc.source =
-                        loc.source.slice(0, change.start - loc.start.offset)
-                            + change.newText
-                            + loc.source.slice(change.end - loc.start.offset);
+                    loc.source = loc.source.slice(0, change.start - loc.start.offset)
+                        + change.newText
+                        + loc.source.slice(change.end - loc.start.offset);
                     loc.__endOffset = loc.end.offset;
                     loc.end.offset += lengthDiff;
                     return true;

package/lib/plugins/vue-template-inline-ts.js

@@ -5,6 +5,7 @@ const elementEvents_1 = require("../codegen/template/elementEvents");
 const templateChild_1 = require("../codegen/template/templateChild");
 const vFor_1 = require("../codegen/template/vFor");
 const utils_1 = require("../codegen/utils");
+const computedSfc_1 = require("../virtualFile/computedSfc");
 const codeFeatures = {
     format: true,
 };
@@ -58,6 +59,7 @@ const plugin = ctx => {
             return data;
         }
         const templateContent = sfc.template.content;
+        const inlineTsAsts = sfc.template.ast && computedSfc_1.templateInlineTsAsts.get(sfc.template.ast);
         let i = 0;
         sfc.template.ast.children.forEach(visit);
         return data;
@@ -85,7 +87,7 @@ const plugin = ctx => {
                         && prop.exp.constType !== CompilerDOM.ConstantTypes.CAN_STRINGIFY // style='z-index: 2' will compile to {'z-index':'2'}
                     ) {
                         if (prop.name === 'on' && prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
-                            const ast = (0, utils_1.createTsAst)(ctx.modules.typescript, prop.exp, prop.exp.content);
+                            const ast = (0, utils_1.createTsAst)(ctx.modules.typescript, inlineTsAsts, prop.exp.content);
                             if ((0, elementEvents_1.isCompoundExpression)(ctx.modules.typescript, ast)) {
                                 addFormatCodes(prop.exp.loc.source, prop.exp.loc.start.offset, formatBrackets.event);
                             }
@@ -179,7 +181,7 @@ const plugin = ctx => {
                     else {
                         addFormatCodes(content, start, [
                             firstLineEmpty ? '(' : '(0 +',
-                            lastLineEmpty ? ');' : '+ 0);'
+                            lastLineEmpty ? ');' : '+ 0);',
                         ]);
                     }
                 }