@vue/language-core 1.8.19 → 1.8.21

package/out/generators/script.d.ts

@@ -6,7 +6,8 @@ import type { ScriptRanges } from '../parsers/scriptRanges';
 import type { ScriptSetupRanges } from '../parsers/scriptSetupRanges';
 import type { VueCompilerOptions } from '../types';
 import { Sfc } from '../types';
-export declare function generate(ts: typeof import('typescript/lib/tsserverlibrary'), fileName: string, _sfc: Sfc, lang: string, scriptRanges: ScriptRanges | undefined, scriptSetupRanges: ScriptSetupRanges | undefined, htmlGen: ReturnType<typeof templateGen['generate']> | undefined, compilerOptions: ts.CompilerOptions, vueCompilerOptions: VueCompilerOptions, codegenStack: boolean): {
+export declare function generate(ts: typeof import('typescript/lib/tsserverlibrary'), fileName: string, script: Sfc['script'], scriptSetup: Sfc['scriptSetup'], styles: Sfc['styles'], // TODO: computed it
+lang: string, scriptRanges: ScriptRanges | undefined, scriptSetupRanges: ScriptSetupRanges | undefined, htmlGen: ReturnType<typeof templateGen['generate']> | undefined, compilerOptions: ts.CompilerOptions, vueCompilerOptions: VueCompilerOptions, codegenStack: boolean): {
     codes: SourceMaps.Segment<FileRangeCapabilities>[];
     codeStacks: SourceMaps.StackNode[];
     mirrorBehaviorMappings: SourceMaps.Mapping<[MirrorBehaviorCapabilities, MirrorBehaviorCapabilities]>[];

package/out/generators/script.js

@@ -1,45 +1,19 @@
 "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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generate = void 0;
 const language_core_1 = require("@volar/language-core");
 const source_map_1 = require("@volar/source-map");
-const muggle = __importStar(require("muggle-string"));
+const muggle = require("muggle-string");
 const path_1 = require("path");
 const shared_1 = require("../utils/shared");
 const transform_1 = require("../utils/transform");
-function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htmlGen, compilerOptions, vueCompilerOptions, codegenStack) {
+function generate(ts, fileName, script, scriptSetup, styles, // TODO: computed it
+lang, scriptRanges, scriptSetupRanges, htmlGen, compilerOptions, vueCompilerOptions, codegenStack) {
     const [codes, codeStacks] = codegenStack ? muggle.track([]) : [[], []];
     const mirrorBehaviorMappings = [];
     //#region monkey fix: https://github.com/vuejs/language-tools/pull/2113
-    const sfc = {
-        script: _sfc.script,
-        scriptSetup: _sfc.scriptSetup,
-    };
-    if (!sfc.script && !sfc.scriptSetup) {
-        sfc.scriptSetup = {
+    if (!script && !scriptSetup) {
+        scriptSetup = {
             content: '',
             lang: 'ts',
             name: '',
@@ -50,6 +24,7 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
             generic: undefined,
             genericOffset: 0,
             attrs: {},
+            ast: ts.createSourceFile('', '', ts.ScriptTarget.Latest, false, ts.ScriptKind.TS),
         };
         scriptSetupRanges = {
             bindings: [],
@@ -64,8 +39,8 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
     }
     //#endregion
     const bindingNames = new Set([
-        ...scriptRanges?.bindings.map(range => sfc.script.content.substring(range.start, range.end)) ?? [],
-        ...scriptSetupRanges?.bindings.map(range => sfc.scriptSetup.content.substring(range.start, range.end)) ?? [],
+        ...scriptRanges?.bindings.map(range => script.content.substring(range.start, range.end)) ?? [],
+        ...scriptSetupRanges?.bindings.map(range => scriptSetup.content.substring(range.start, range.end)) ?? [],
     ]);
     const bypassDefineComponent = lang === 'js' || lang === 'jsx';
     const usedHelperTypes = {
@@ -85,12 +60,12 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
     if (!generatedTemplate) {
         generateTemplate(false);
     }
-    if (sfc.scriptSetup) {
+    if (scriptSetup) {
         // for code action edits
         codes.push([
             '',
             'scriptSetup',
-            sfc.scriptSetup.content.length,
+            scriptSetup.content.length,
             {},
         ]);
     }
@@ -118,7 +93,7 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
 				};\n`);
         }
         if (usedHelperTypes.WithTemplateSlots) {
-            codes.push(`type __VLS_WithTemplateSlots<T, S> = T & { new(): {\n`, `$slots: S;\n`);
+            codes.push(`type __VLS_WithTemplateSlots<T, S> = T & { new(): {\n`, `${(0, shared_1.getSlotsPropertyName)(vueCompilerOptions.target)}: S;\n`);
             if (vueCompilerOptions.jsxSlots) {
                 usedHelperTypes.PropsChildren = true;
                 codes.push(`$props: __VLS_PropsChildren<S>;\n`);
@@ -130,9 +105,9 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
         }
     }
     function generateSrc() {
-        if (!sfc.script?.src)
+        if (!script?.src)
             return;
-        let src = sfc.script.src;
+        let src = script.src;
         if (src.endsWith('.d.ts'))
             src = src.substring(0, src.length - '.d.ts'.length);
         else if (src.endsWith('.ts'))
@@ -145,23 +120,23 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
         codes.push([
             `'${src}'`,
             'script',
-            [sfc.script.srcOffset - 1, sfc.script.srcOffset + sfc.script.src.length + 1],
+            [script.srcOffset - 1, script.srcOffset + script.src.length + 1],
             {
                 ...language_core_1.FileRangeCapabilities.full,
-                rename: src === sfc.script.src ? true : {
+                rename: src === script.src ? true : {
                     normalize: undefined,
                     apply(newName) {
                         if (newName.endsWith('.jsx')
                             || newName.endsWith('.js')) {
                             newName = newName.split('.').slice(0, -1).join('.');
                         }
-                        if (sfc.script?.src?.endsWith('.d.ts')) {
+                        if (script?.src?.endsWith('.d.ts')) {
                             newName = newName + '.d.ts';
                         }
-                        else if (sfc.script?.src?.endsWith('.ts')) {
+                        else if (script?.src?.endsWith('.ts')) {
                             newName = newName + '.ts';
                         }
-                        else if (sfc.script?.src?.endsWith('.tsx')) {
+                        else if (script?.src?.endsWith('.tsx')) {
                             newName = newName + '.tsx';
                         }
                         return newName;
@@ -173,15 +148,15 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
         codes.push(`export { default } from '${src}';\n`);
     }
     function generateScriptContentBeforeExportDefault() {
-        if (!sfc.script)
+        if (!script)
             return;
-        if (!!sfc.scriptSetup && scriptRanges?.exportDefault) {
+        if (!!scriptSetup && scriptRanges?.exportDefault) {
             addVirtualCode('script', 0, scriptRanges.exportDefault.expression.start);
         }
         else {
             let isExportRawObject = false;
             if (scriptRanges?.exportDefault) {
-                isExportRawObject = sfc.script.content.substring(scriptRanges.exportDefault.expression.start, scriptRanges.exportDefault.expression.end).startsWith('{');
+                isExportRawObject = script.content.substring(scriptRanges.exportDefault.expression.start, scriptRanges.exportDefault.expression.end).startsWith('{');
             }
             if (isExportRawObject && vueCompilerOptions.optionsWrapper.length === 2 && scriptRanges?.exportDefault) {
                 addVirtualCode('script', 0, scriptRanges.exportDefault.expression.start);
@@ -207,63 +182,63 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
                         }]);
                 }
                 codes.push(vueCompilerOptions.optionsWrapper[1]);
-                addVirtualCode('script', scriptRanges.exportDefault.expression.end, sfc.script.content.length);
+                addVirtualCode('script', scriptRanges.exportDefault.expression.end, script.content.length);
             }
             else {
-                addVirtualCode('script', 0, sfc.script.content.length);
+                addVirtualCode('script', 0, script.content.length);
             }
         }
     }
     function generateScriptContentAfterExportDefault() {
-        if (!sfc.script)
+        if (!script)
             return;
-        if (!!sfc.scriptSetup && scriptRanges?.exportDefault) {
-            addVirtualCode('script', scriptRanges.exportDefault.end, sfc.script.content.length);
+        if (!!scriptSetup && scriptRanges?.exportDefault) {
+            addVirtualCode('script', scriptRanges.exportDefault.end, script.content.length);
         }
     }
     function generateScriptSetupImports() {
-        if (!sfc.scriptSetup)
+        if (!scriptSetup)
             return;
         if (!scriptSetupRanges)
             return;
         codes.push([
-            sfc.scriptSetup.content.substring(0, Math.max(scriptSetupRanges.importSectionEndOffset, scriptSetupRanges.leadingCommentEndOffset)) + '\n',
+            scriptSetup.content.substring(0, Math.max(scriptSetupRanges.importSectionEndOffset, scriptSetupRanges.leadingCommentEndOffset)) + '\n',
             'scriptSetup',
             0,
             language_core_1.FileRangeCapabilities.full,
         ]);
     }
     function generateExportDefaultEndMapping() {
-        if (!sfc.scriptSetup) {
+        if (!scriptSetup) {
             return;
         }
         // fix https://github.com/vuejs/language-tools/issues/1127
         codes.push([
             '',
             'scriptSetup',
-            sfc.scriptSetup.content.length,
+            scriptSetup.content.length,
             { diagnostic: true },
         ]);
         codes.push(`\n`);
     }
     function generateScriptSetupAndTemplate() {
-        if (!sfc.scriptSetup || !scriptSetupRanges) {
+        if (!scriptSetup || !scriptSetupRanges) {
             return;
         }
         const definePropMirrors = {};
         let scriptSetupGeneratedOffset;
-        if (sfc.scriptSetup.generic) {
+        if (scriptSetup.generic) {
             if (!scriptRanges?.exportDefault) {
                 codes.push('export default ');
             }
             codes.push(`(<`);
             codes.push([
-                sfc.scriptSetup.generic,
-                sfc.scriptSetup.name,
-                sfc.scriptSetup.genericOffset,
+                scriptSetup.generic,
+                scriptSetup.name,
+                scriptSetup.genericOffset,
                 language_core_1.FileRangeCapabilities.full,
             ]);
-            if (!sfc.scriptSetup.generic.endsWith(',')) {
+            if (!scriptSetup.generic.endsWith(',')) {
                 codes.push(`,`);
             }
             codes.push(`>`);
@@ -290,13 +265,13 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
                 for (const defineProp of scriptSetupRanges.defineProp) {
                     if (defineProp.defaultValue) {
                         if (defineProp.name) {
-                            codes.push(sfc.scriptSetup.content.substring(defineProp.name.start, defineProp.name.end));
+                            codes.push(scriptSetup.content.substring(defineProp.name.start, defineProp.name.end));
                         }
                         else {
                             codes.push('modelValue');
                         }
                         codes.push(`: `);
-                        codes.push(sfc.scriptSetup.content.substring(defineProp.defaultValue.start, defineProp.defaultValue.end));
+                        codes.push(scriptSetup.content.substring(defineProp.defaultValue.start, defineProp.defaultValue.end));
                         codes.push(`,\n`);
                     }
                 }
@@ -312,13 +287,13 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
                 for (const defineProp of scriptSetupRanges.defineProp) {
                     let propName = 'modelValue';
                     if (defineProp.name) {
-                        propName = sfc.scriptSetup.content.substring(defineProp.name.start, defineProp.name.end);
+                        propName = scriptSetup.content.substring(defineProp.name.start, defineProp.name.end);
                         const propMirrorStart = muggle.getLength(codes);
                         definePropMirrors[propName] = [propMirrorStart, propMirrorStart + propName.length];
                     }
                     codes.push(`${propName}${defineProp.required ? '' : '?'}: `);
                     if (defineProp.type) {
-                        codes.push(sfc.scriptSetup.content.substring(defineProp.type.start, defineProp.type.end));
+                        codes.push(scriptSetup.content.substring(defineProp.type.start, defineProp.type.end));
                     }
                     else if (defineProp.defaultValue) {
                         codes.push(`typeof __VLS_defaults['`);
@@ -347,7 +322,7 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
             codes.push(`let __VLS_defaultProps!: `, `import('${vueCompilerOptions.lib}').VNodeProps`, `& import('${vueCompilerOptions.lib}').AllowedComponentProps`, `& import('${vueCompilerOptions.lib}').ComponentCustomProps`, `;\n`);
             //#endregion
             codes.push('return {} as {\n');
-            codes.push(`props: __VLS_Prettify<Omit<typeof __VLS_fnPropsDefineComponent & typeof __VLS_fnPropsTypeOnly, keyof typeof __VLS_defaultProps>> & typeof __VLS_fnPropsSlots & typeof __VLS_defaultProps,\n`);
+            codes.push(`props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<typeof __VLS_fnPropsDefineComponent & typeof __VLS_fnPropsTypeOnly, keyof typeof __VLS_defaultProps>> & typeof __VLS_fnPropsSlots & typeof __VLS_defaultProps,\n`);
             codes.push(`expose(exposed: import('${vueCompilerOptions.lib}').ShallowUnwrapRef<${scriptSetupRanges.expose.define ? 'typeof __VLS_exposed' : '{}'}>): void,\n`);
             codes.push('attrs: any,\n');
             codes.push('slots: ReturnType<typeof __VLS_template>,\n');
@@ -356,7 +331,7 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
             codes.push('})(),\n');
             codes.push(`) => ({} as import('${vueCompilerOptions.lib}').VNode & { __ctx?: Awaited<typeof __VLS_setup> }))`);
         }
-        else if (!sfc.script) {
+        else if (!script) {
             // no script block, generate script setup code at root
             scriptSetupGeneratedOffset = generateSetupFunction(false, 'export', definePropMirrors);
         }
@@ -374,7 +349,7 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
                 if (!defineProp.name) {
                     continue;
                 }
-                const propName = sfc.scriptSetup.content.substring(defineProp.name.start, defineProp.name.end);
+                const propName = scriptSetup.content.substring(defineProp.name.start, defineProp.name.end);
                 const propMirror = definePropMirrors[propName];
                 if (propMirror) {
                     mirrorBehaviorMappings.push({
@@ -390,11 +365,11 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
         }
     }
     function generateSetupFunction(functional, mode, definePropMirrors) {
-        if (!scriptSetupRanges || !sfc.scriptSetup) {
+        if (!scriptSetupRanges || !scriptSetup) {
             return;
         }
-        const definePropProposalA = sfc.scriptSetup.content.trimStart().startsWith('// @experimentalDefinePropProposal=kevinEdition') || vueCompilerOptions.experimentalDefinePropProposal === 'kevinEdition';
-        const definePropProposalB = sfc.scriptSetup.content.trimStart().startsWith('// @experimentalDefinePropProposal=johnsonEdition') || vueCompilerOptions.experimentalDefinePropProposal === 'johnsonEdition';
+        const definePropProposalA = scriptSetup.content.trimStart().startsWith('// @experimentalDefinePropProposal=kevinEdition') || vueCompilerOptions.experimentalDefinePropProposal === 'kevinEdition';
+        const definePropProposalB = scriptSetup.content.trimStart().startsWith('// @experimentalDefinePropProposal=johnsonEdition') || vueCompilerOptions.experimentalDefinePropProposal === 'johnsonEdition';
         if (vueCompilerOptions.target >= 3.3) {
             codes.push('const { ');
             for (const macro of Object.keys(vueCompilerOptions.macros)) {
@@ -492,7 +467,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
                     addExtraReferenceVirtualCode('scriptSetup', defineProp.name.start, defineProp.name.end);
                 }
                 else if (defineProp.name) {
-                    propName = sfc.scriptSetup.content.substring(defineProp.name.start, defineProp.name.end);
+                    propName = scriptSetup.content.substring(defineProp.name.start, defineProp.name.end);
                     const start = muggle.getLength(codes);
                     definePropMirrors[propName] = [start, start + propName.length];
                     codes.push(propName);
@@ -506,7 +481,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
                     type = `NonNullable<typeof ${propName}['value']>`;
                 }
                 else if (defineProp.type) {
-                    type = sfc.scriptSetup.content.substring(defineProp.type.start, defineProp.type.end);
+                    type = scriptSetup.content.substring(defineProp.type.start, defineProp.type.end);
                 }
                 if (defineProp.required) {
                     codes.push(`{ required: true, type: import('${vueCompilerOptions.lib}').PropType<${type}> },\n`);
@@ -562,17 +537,20 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
     }
     function generateComponentOptions(functional) {
         if (scriptSetupRanges && !bypassDefineComponent) {
-            if (scriptSetupRanges.props.define?.arg || scriptSetupRanges.props.define?.typeArg || (!functional && scriptSetupRanges.defineProp.length)) {
-                codes.push(`props: {\n`);
-                if (scriptSetupRanges.props.define?.arg) {
-                    codes.push('...');
-                    addExtraReferenceVirtualCode('scriptSetup', scriptSetupRanges.props.define.arg.start, scriptSetupRanges.props.define.arg.end);
-                    codes.push(',\n');
-                }
-                if (scriptSetupRanges.props.define?.typeArg) {
+            const ranges = scriptSetupRanges;
+            const propsCodegens = [];
+            if (ranges.props.define?.arg) {
+                const arg = ranges.props.define.arg;
+                propsCodegens.push(() => {
+                    addExtraReferenceVirtualCode('scriptSetup', arg.start, arg.end);
+                });
+            }
+            if (ranges.props.define?.typeArg) {
+                const typeArg = ranges.props.define.typeArg;
+                propsCodegens.push(() => {
                     usedHelperTypes.DefinePropsToOptions = true;
-                    codes.push('...{} as ');
-                    if (scriptSetupRanges.props.withDefaults?.arg) {
+                    codes.push(`{} as `);
+                    if (ranges.props.withDefaults?.arg) {
                         usedHelperTypes.MergePropDefaults = true;
                         codes.push(`__VLS_WithDefaults<`);
                     }
@@ -581,22 +559,38 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
                         codes.push(`typeof __VLS_fnPropsTypeOnly`);
                     }
                     else {
-                        addExtraReferenceVirtualCode('scriptSetup', scriptSetupRanges.props.define.typeArg.start, scriptSetupRanges.props.define.typeArg.end);
+                        addExtraReferenceVirtualCode('scriptSetup', typeArg.start, typeArg.end);
                     }
                     codes.push(`>`);
-                    if (scriptSetupRanges.props.withDefaults?.arg) {
+                    if (ranges.props.withDefaults?.arg) {
                         codes.push(`, typeof __VLS_withDefaultsArg`);
                         codes.push(`>`);
                     }
-                    codes.push(',\n');
+                });
+            }
+            if (!functional && ranges.defineProp.length) {
+                propsCodegens.push(() => {
+                    codes.push(`__VLS_propsOption_defineProp`);
+                });
+            }
+            if (propsCodegens.length === 1) {
+                codes.push(`props: `);
+                for (const generate of propsCodegens) {
+                    generate();
                 }
-                if (!functional && scriptSetupRanges.defineProp.length) {
-                    codes.push(`...__VLS_propsOption_defineProp,\n`);
+                codes.push(`,\n`);
+            }
+            else if (propsCodegens.length >= 2) {
+                codes.push(`props: {\n`);
+                for (const generate of propsCodegens) {
+                    codes.push('...');
+                    generate();
+                    codes.push(',\n');
                 }
                 codes.push(`},\n`);
             }
-            if (scriptSetupRanges.emits.define) {
-                codes.push(`emits: ({} as __VLS_NormalizeEmits<typeof `, scriptSetupRanges.emits.name ?? '__VLS_emit', `>),\n`);
+            if (ranges.emits.define) {
+                codes.push(`emits: ({} as __VLS_NormalizeEmits<typeof `, ranges.emits.name ?? '__VLS_emit', `>),\n`);
             }
         }
         if (scriptRanges?.exportDefault?.args) {
@@ -637,7 +631,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
         }
     }
     function generateComponentForTemplateUsage(functional, cssIds) {
-        if (sfc.scriptSetup && scriptSetupRanges) {
+        if (scriptSetup && scriptSetupRanges) {
             codes.push(`const __VLS_internalComponent = (await import('${vueCompilerOptions.lib}')).defineComponent({\n`);
             generateComponentOptions(functional);
             codes.push(`setup() {\n`);
@@ -646,9 +640,9 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
             // bindings
             const templateUsageVars = getTemplateUsageVars();
             for (const [content, bindings] of [
-                [sfc.scriptSetup.content, scriptSetupRanges.bindings],
-                scriptRanges && sfc.script
-                    ? [sfc.script.content, scriptRanges.bindings]
+                [scriptSetup.content, scriptSetupRanges.bindings],
+                scriptRanges && script
+                    ? [script.content, scriptRanges.bindings]
                     : ['', []],
             ]) {
                 for (const expose of bindings) {
@@ -678,7 +672,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
             codes.push(`},\n`); // setup() {
             codes.push(`});\n`); // defineComponent({
         }
-        else if (sfc.script) {
+        else if (script) {
             codes.push(`let __VLS_internalComponent!: typeof import('./${path_1.posix.basename(fileName)}')['default'];\n`);
         }
         else {
@@ -688,10 +682,10 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
     function generateExportOptions() {
         codes.push(`\n`);
         codes.push(`const __VLS_componentsOption = `);
-        if (sfc.script && scriptRanges?.exportDefault?.componentsOption) {
+        if (script && scriptRanges?.exportDefault?.componentsOption) {
             const componentsOption = scriptRanges.exportDefault.componentsOption;
             codes.push([
-                sfc.script.content.substring(componentsOption.start, componentsOption.end),
+                script.content.substring(componentsOption.start, componentsOption.end),
                 'script',
                 componentsOption.start,
                 {
@@ -707,13 +701,13 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
     }
     function generateConstNameOption() {
         codes.push(`\n`);
-        if (sfc.script && scriptRanges?.exportDefault?.nameOption) {
+        if (script && scriptRanges?.exportDefault?.nameOption) {
             const nameOption = scriptRanges.exportDefault.nameOption;
             codes.push(`const __VLS_name = `);
-            codes.push(`${sfc.script.content.substring(nameOption.start, nameOption.end)} as const`);
+            codes.push(`${script.content.substring(nameOption.start, nameOption.end)} as const`);
             codes.push(`;\n`);
         }
-        else if (sfc.scriptSetup) {
+        else if (scriptSetup) {
             codes.push(`let __VLS_name!: '${path_1.posix.basename(fileName.substring(0, fileName.lastIndexOf('.')))}';\n`);
         }
         else {
@@ -725,15 +719,15 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
         codes.push(`let __VLS_ctx!: ${useGlobalThisTypeInCtx ? 'typeof globalThis &' : ''}`);
         codes.push(`InstanceType<__VLS_PickNotAny<typeof __VLS_internalComponent, new () => {}>> & {\n`);
         /* CSS Module */
-        for (let i = 0; i < _sfc.styles.length; i++) {
-            const style = _sfc.styles[i];
-            if (!style.module)
-                continue;
-            codes.push(`${style.module}: Record<string, string> & __VLS_Prettify<{}`);
-            for (const className of style.classNames) {
-                generateCssClassProperty(i, className.text.substring(1), { start: className.offset, end: className.offset + className.text.length }, 'string', false, true);
+        for (let i = 0; i < styles.length; i++) {
+            const style = styles[i];
+            if (style.module) {
+                codes.push(`${style.module}: Record<string, string> & __VLS_Prettify<{}`);
+                for (const className of style.classNames) {
+                    generateCssClassProperty(i, className.text.substring(1), { start: className.offset, end: className.offset + className.text.length }, 'string', false, true);
+                }
+                codes.push('>;\n');
             }
-            codes.push('>;\n');
         }
         codes.push(`};\n`);
         /* Components */
@@ -745,12 +739,13 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
         /* Style Scoped */
         codes.push('/* Style Scoped */\n');
         codes.push('type __VLS_StyleScopedClasses = {}');
-        for (let i = 0; i < _sfc.styles.length; i++) {
-            const style = _sfc.styles[i];
-            if (!style.scoped && vueCompilerOptions.experimentalResolveStyleCssClasses !== 'always')
-                continue;
-            for (const className of style.classNames) {
-                generateCssClassProperty(i, className.text.substring(1), { start: className.offset, end: className.offset + className.text.length }, 'boolean', true, !style.module);
+        for (let i = 0; i < styles.length; i++) {
+            const style = styles[i];
+            const option = vueCompilerOptions.experimentalResolveStyleCssClasses;
+            if ((option === 'always' || option === 'scoped') && style.scoped) {
+                for (const className of style.classNames) {
+                    generateCssClassProperty(i, className.text.substring(1), { start: className.offset, end: className.offset + className.text.length }, 'boolean', true, !style.module);
+                }
             }
         }
         codes.push(';\n');
@@ -813,7 +808,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
         function generateCssVars() {
             const emptyLocalVars = new Map();
             const identifiers = new Set();
-            for (const style of _sfc.styles) {
+            for (const style of styles) {
                 for (const cssBind of style.cssVars) {
                     (0, transform_1.walkInterpolationFragment)(ts, cssBind.text, ts.createSourceFile('/a.txt', cssBind.text, ts.ScriptTarget.ESNext), (frag, fragOffset, onlyForErrorMapping) => {
                         if (fragOffset === undefined) {
@@ -859,7 +854,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
     function addVirtualCode(vueTag, start, end) {
         muggle.offsetStack();
         codes.push([
-            sfc[vueTag].content.substring(start, end),
+            (vueTag === 'script' ? script : scriptSetup).content.substring(start, end),
             vueTag,
             start,
             language_core_1.FileRangeCapabilities.full, // diagnostic also working for setup() returns unused in template checking
@@ -869,7 +864,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
     function addExtraReferenceVirtualCode(vueTag, start, end) {
         muggle.offsetStack();
         codes.push([
-            sfc[vueTag].content.substring(start, end),
+            (vueTag === 'script' ? script : scriptSetup).content.substring(start, end),
             vueTag,
             start,
             {

package/out/generators/template.d.ts

@@ -5,7 +5,7 @@ import * as muggle from 'muggle-string';
 import type * as ts from 'typescript/lib/tsserverlibrary';
 import { Sfc, VueCompilerOptions } from '../types';
 type Code = Segment<FileRangeCapabilities>;
-export declare function generate(ts: typeof import('typescript/lib/tsserverlibrary'), compilerOptions: ts.CompilerOptions, vueCompilerOptions: VueCompilerOptions, sourceTemplate: string, sourceLang: string, sfc: Sfc, hasScriptSetupSlots: boolean, slotsAssignName: string | undefined, propsAssignName: string | undefined, codegenStack: boolean): {
+export declare function generate(ts: typeof import('typescript/lib/tsserverlibrary'), compilerOptions: ts.CompilerOptions, vueCompilerOptions: VueCompilerOptions, template: NonNullable<Sfc['template']>, shouldGenerateScopedClasses: boolean, stylesScopedClasses: Set<string>, hasScriptSetupSlots: boolean, slotsAssignName: string | undefined, propsAssignName: string | undefined, codegenStack: boolean): {
     codes: Code[];
     codeStacks: muggle.StackNode[];
     formatCodes: Code[];