@vue/language-core 2.2.2 → 2.2.4

package/lib/codegen/globalTypes.js

@@ -34,11 +34,7 @@ function generateGlobalTypes({ lib, target, checkUnknownProps, checkUnknownEvent
 	const __VLS_unref: typeof import('${lib}').unref;
 	const __VLS_placeholder: any;
 
-	const __VLS_nativeElements = {
-		...{} as SVGElementTagNameMap,
-		...{} as HTMLElementTagNameMap,
-	};
-
+	type __VLS_NativeElements = __VLS_SpreadMerge<SVGElementTagNameMap, HTMLElementTagNameMap>;
 	type __VLS_IntrinsicElements = ${(target >= 3.3
         ? `import('${lib}/jsx-runtime').JSX.IntrinsicElements;`
         : `globalThis.JSX.IntrinsicElements;`)}
@@ -51,7 +47,7 @@ function generateGlobalTypes({ lib, target, checkUnknownProps, checkUnknownEvent
 	type __VLS_GlobalDirectives = import('${lib}').GlobalDirectives;
 	type __VLS_IsAny<T> = 0 extends 1 & T ? true : false;
 	type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
-	type __VLS_unknownDirective = (arg1: unknown, arg2: unknown, arg3: unknown, arg4: unknown) => void;
+	type __VLS_SpreadMerge<A, B> = Omit<A, keyof B> & B;
 	type __VLS_WithComponent<N0 extends string, LocalComponents, Self, N1 extends string, N2 extends string, N3 extends string> =
 		N1 extends keyof LocalComponents ? N1 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : { [K in N0]: LocalComponents[N1] } :
 		N2 extends keyof LocalComponents ? N2 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : { [K in N0]: LocalComponents[N2] } :
@@ -114,19 +110,12 @@ function generateGlobalTypes({ lib, target, checkUnknownProps, checkUnknownEvent
 	};
 	type __VLS_UseTemplateRef<T> = Readonly<import('${lib}').ShallowRef<T | null>>;
 
-	function __VLS_getVForSourceType(source: number): [number, number][];
-	function __VLS_getVForSourceType(source: string): [string, number][];
-	function __VLS_getVForSourceType<T extends any[]>(source: T): [
-		item: T[number],
-		index: number,
-	][];
-	function __VLS_getVForSourceType<T extends { [Symbol.iterator](): Iterator<any> }>(source: T): [
-		item: T extends { [Symbol.iterator](): Iterator<infer T1> } ? T1 : never, 
-		index: number,
-	][];
-	// #3845
-	function __VLS_getVForSourceType<T extends number | { [Symbol.iterator](): Iterator<any> }>(source: T): [
-		item: number | (Exclude<T, number> extends { [Symbol.iterator](): Iterator<infer T1> } ? T1 : never), 
+	function __VLS_getVForSourceType<T extends number | string | any[] | Iterable<any>>(source: T): [
+		item: T extends number ? number
+			: T extends string ? string
+			: T extends any[] ? T[number]
+			: T extends Iterable<infer T1> ? T1
+			: any,
 		index: number,
 	][];
 	function __VLS_getVForSourceType<T>(source: T): [
@@ -142,22 +131,25 @@ function generateGlobalTypes({ lib, target, checkUnknownProps, checkUnknownEvent
 		? NonNullable<T['created' | 'beforeMount' | 'mounted' | 'beforeUpdate' | 'updated' | 'beforeUnmount' | 'unmounted']>
 		: T extends (...args: any) => any
 			? T
-			: __VLS_unknownDirective;
-	function __VLS_withScope<T, K>(ctx: T, scope: K): ctx is T & K;
+			: (arg1: unknown, arg2: unknown, arg3: unknown, arg4: unknown) => void;
 	function __VLS_makeOptional<T>(t: T): { [K in keyof T]?: T[K] };
 	function __VLS_asFunctionalComponent<T, K = T extends new (...args: any) => any ? InstanceType<T> : unknown>(t: T, instance?: K):
 		T extends new (...args: any) => any
-		? (props: ${fnPropsType}, ctx?: any) => __VLS_Element & { __ctx?: {
-			attrs?: any,
-			slots?: K extends { ${(0, shared_1.getSlotsPropertyName)(target)}: infer Slots } ? Slots : any,
-			emit?: K extends { $emit: infer Emit } ? Emit : any
-		} & { props?: ${fnPropsType}; expose?(exposed: K): void; } }
+		? (props: ${fnPropsType}, ctx?: any) => __VLS_Element & {
+			__ctx?: {
+				attrs?: any;
+				slots?: K extends { ${(0, shared_1.getSlotsPropertyName)(target)}: infer Slots } ? Slots : any;
+				emit?: K extends { $emit: infer Emit } ? Emit : any;
+				expose?(exposed: K): void;
+				props?: ${fnPropsType};
+			}
+		}
 		: T extends () => any ? (props: {}, ctx?: any) => ReturnType<T>
 		: T extends (...args: any) => any ? T
 		: (_: {}${checkUnknownProps ? '' : ' & Record<string, unknown>'}, ctx?: any) => { __ctx?: { attrs?: any, expose?: any, slots?: any, emit?: any, props?: {}${checkUnknownProps ? '' : ' & Record<string, unknown>'} } };
-	function __VLS_asFunctionalElement<T>(tag: T, endTag?: T): (_: T${checkUnknownComponents ? '' : ' & Record<string, unknown>'}) => void;
 	function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): 2 extends Parameters<T>['length'] ? [any] : [];
-	function __VLS_normalizeSlot<S>(s: S): S extends () => infer R ? (props: {}) => R : S;
+	function __VLS_asFunctionalElement<T>(tag: T, endTag?: T): (attrs: T${checkUnknownComponents ? '' : ' & Record<string, unknown>'}) => void;
+	function __VLS_asFunctionalSlot<S>(slot: S): (props: NonNullable<S> extends (props: infer P) => any ? P : {}) => void;
 	function __VLS_tryAsConstant<const T>(t: T): T;
 }
 `;

package/lib/codegen/script/component.js

@@ -32,16 +32,20 @@ function* generateComponent(options, ctx, scriptSetup, scriptSetupRanges) {
         }
         yield* generatePropsOption(options, ctx, scriptSetup, scriptSetupRanges, !!emitOptionCodes.length, true);
     }
-    if (options.sfc.script && options.scriptRanges?.exportDefault?.args) {
-        const { args } = options.scriptRanges.exportDefault;
-        yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, args.start + 1, args.end - 1, codeFeatures_1.codeFeatures.all);
-    }
-    if (options.vueCompilerOptions.target >= 3.5 && options.templateCodegen?.templateRefs.size) {
+    if (options.vueCompilerOptions.target >= 3.5
+        && options.vueCompilerOptions.inferComponentDollarRefs
+        && options.templateCodegen?.templateRefs.size) {
         yield `__typeRefs: {} as __VLS_TemplateRefs,${utils_1.newLine}`;
     }
-    if (options.vueCompilerOptions.target >= 3.5 && options.templateCodegen?.singleRootElType) {
+    if (options.vueCompilerOptions.target >= 3.5
+        && options.vueCompilerOptions.inferComponentDollarEl
+        && options.templateCodegen?.singleRootElTypes.length) {
         yield `__typeEl: {} as __VLS_RootEl,${utils_1.newLine}`;
     }
+    if (options.sfc.script && options.scriptRanges?.exportDefault?.args) {
+        const { args } = options.scriptRanges.exportDefault;
+        yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, args.start + 1, args.end - 1, codeFeatures_1.codeFeatures.all);
+    }
     yield `})`;
 }
 function* generateComponentSetupReturns(scriptSetupRanges) {

package/lib/codegen/script/index.js

@@ -10,7 +10,6 @@ const componentSelf_1 = require("./componentSelf");
 const context_1 = require("./context");
 const scriptSetup_1 = require("./scriptSetup");
 const src_1 = require("./src");
-const styleModulesType_1 = require("./styleModulesType");
 const template_1 = require("./template");
 function* generateScript(options) {
     const ctx = (0, context_1.createScriptCodegenContext)(options);
@@ -31,14 +30,16 @@ function* generateScript(options) {
         yield `/* placeholder */`;
     }
     if (options.sfc.script?.src) {
-        yield* (0, src_1.generateSrc)(options.sfc.script, options.sfc.script.src);
+        yield* (0, src_1.generateSrc)(options.sfc.script.src);
+    }
+    if (options.sfc.scriptSetup && options.scriptSetupRanges) {
+        yield* (0, scriptSetup_1.generateScriptSetupImports)(options.sfc.scriptSetup, options.scriptSetupRanges);
     }
     if (options.sfc.script && options.scriptRanges) {
         const { exportDefault, classBlockEnd } = options.scriptRanges;
         const isExportRawObject = exportDefault
             && options.sfc.script.content[exportDefault.expression.start] === '{';
         if (options.sfc.scriptSetup && options.scriptSetupRanges) {
-            yield* (0, scriptSetup_1.generateScriptSetupImports)(options.sfc.scriptSetup, options.scriptSetupRanges);
             if (exportDefault) {
                 yield (0, utils_1.generateSfcBlockSection)(options.sfc.script, 0, exportDefault.expression.start, codeFeatures_1.codeFeatures.all);
                 yield* (0, scriptSetup_1.generateScriptSetup)(options, ctx, options.sfc.scriptSetup, options.scriptSetupRanges);
@@ -94,7 +95,6 @@ function* generateScript(options) {
         }
     }
     else if (options.sfc.scriptSetup && options.scriptSetupRanges) {
-        yield* (0, scriptSetup_1.generateScriptSetupImports)(options.sfc.scriptSetup, options.scriptSetupRanges);
         yield* (0, scriptSetup_1.generateScriptSetup)(options, ctx, options.sfc.scriptSetup, options.scriptSetupRanges);
     }
     if (options.sfc.script) {
@@ -107,8 +107,6 @@ function* generateScript(options) {
         const templateCodegenCtx = yield* (0, template_1.generateTemplate)(options, ctx);
         yield* (0, componentSelf_1.generateComponentSelf)(options, ctx, templateCodegenCtx);
     }
-    // #4788
-    yield* (0, styleModulesType_1.generateStyleModulesType)(options, ctx);
     if (options.edited) {
         yield `type __VLS_IntrinsicElementsCompletion = __VLS_IntrinsicElements${utils_1.endOfLine}`;
     }

package/lib/codegen/script/scriptSetup.js

@@ -30,17 +30,21 @@ function* generateScriptSetup(options, ctx, scriptSetup, scriptSetupRanges) {
             }
             yield `export default `;
         }
-        yield `(<`;
-        yield [
-            scriptSetup.generic,
-            scriptSetup.name,
-            scriptSetup.genericOffset,
-            codeFeatures_1.codeFeatures.all,
-        ];
-        if (!scriptSetup.generic.endsWith(`,`)) {
-            yield `,`;
+        yield `(`;
+        if (typeof scriptSetup.generic === 'object') {
+            yield `<`;
+            yield [
+                scriptSetup.generic.text,
+                'main',
+                scriptSetup.generic.offset,
+                codeFeatures_1.codeFeatures.all,
+            ];
+            if (!scriptSetup.generic.text.endsWith(`,`)) {
+                yield `,`;
+            }
+            yield `>`;
         }
-        yield `>(${utils_1.newLine}`
+        yield `(${utils_1.newLine}`
             + `	__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'],${utils_1.newLine}`
             + `	__VLS_ctx?: ${ctx.localTypes.PrettifyLocal}<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>,${utils_1.newLine}` // use __VLS_Prettify for less dts code
             + `	__VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>['expose'],${utils_1.newLine}`
@@ -123,16 +127,18 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
             ]);
         }
     }
-    for (const { callExp } of scriptSetupRanges.useAttrs) {
-        setupCodeModifies.push([
-            [`(`],
-            callExp.start,
-            callExp.start
-        ], [
-            [` as typeof __VLS_special.$attrs)`],
-            callExp.end,
-            callExp.end
-        ]);
+    if (options.vueCompilerOptions.inferTemplateDollarAttrs) {
+        for (const { callExp } of scriptSetupRanges.useAttrs) {
+            setupCodeModifies.push([
+                [`(`],
+                callExp.start,
+                callExp.start
+            ], [
+                [` as typeof __VLS_dollars.$attrs)`],
+                callExp.end,
+                callExp.end
+            ]);
+        }
     }
     for (const { callExp, exp, arg } of scriptSetupRanges.useCssModule) {
         setupCodeModifies.push([
@@ -156,22 +162,24 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
         ]);
         if (arg) {
             setupCodeModifies.push([
-                [`(__VLS_placeholder)`],
+                [`__VLS_placeholder`],
                 arg.start,
                 arg.end
             ]);
         }
     }
-    for (const { callExp } of scriptSetupRanges.useSlots) {
-        setupCodeModifies.push([
-            [`(`],
-            callExp.start,
-            callExp.start
-        ], [
-            [` as typeof __VLS_special.$slots)`],
-            callExp.end,
-            callExp.end
-        ]);
+    if (options.vueCompilerOptions.inferTemplateDollarSlots) {
+        for (const { callExp } of scriptSetupRanges.useSlots) {
+            setupCodeModifies.push([
+                [`(`],
+                callExp.start,
+                callExp.start
+            ], [
+                [` as typeof __VLS_dollars.$slots)`],
+                callExp.end,
+                callExp.end
+            ]);
+        }
     }
     const isTs = options.lang !== 'js' && options.lang !== 'jsx';
     for (const { callExp, exp, arg } of scriptSetupRanges.useTemplateRef) {
@@ -210,7 +218,7 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
         }
         if (arg) {
             setupCodeModifies.push([
-                [`(__VLS_placeholder)`],
+                [`__VLS_placeholder`],
                 arg.start,
                 arg.end
             ]);
@@ -240,7 +248,10 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
     const templateCodegenCtx = yield* (0, template_1.generateTemplate)(options, ctx);
     yield* (0, componentSelf_1.generateComponentSelf)(options, ctx, templateCodegenCtx);
     if (syntax) {
-        if (!options.vueCompilerOptions.skipTemplateCodegen && (options.templateCodegen?.hasSlot || scriptSetupRanges.defineSlots)) {
+        if (!options.vueCompilerOptions.skipTemplateCodegen
+            && (scriptSetupRanges.defineSlots
+                || options.templateCodegen?.slots.length
+                || options.templateCodegen?.dynamicSlots.length)) {
             yield `const __VLS_component = `;
             yield* (0, component_1.generateComponent)(options, ctx, scriptSetup, scriptSetupRanges);
             yield utils_1.endOfLine;
@@ -423,7 +434,7 @@ function* generateModelEmit(scriptSetup, scriptSetupRanges) {
             const [propName, localName] = getPropAndLocalName(scriptSetup, defineModel);
             yield `'update:${propName}': [value: `;
             yield* generateDefinePropType(scriptSetup, propName, localName, defineModel);
-            if (!defineModel.required) {
+            if (!defineModel.required && defineModel.defaultValue === undefined) {
                 yield ` | undefined`;
             }
             yield `]${utils_1.endOfLine}`;

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

@@ -1,2 +1,2 @@
-import type { Code, Sfc } from '../../types';
-export declare function generateSrc(script: NonNullable<Sfc['script']>, src: string): Generator<Code>;
+import type { Code, SfcBlockAttr } from '../../types';
+export declare function generateSrc(src: SfcBlockAttr): Generator<Code>;

package/lib/codegen/script/src.js

@@ -3,49 +3,48 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateSrc = generateSrc;
 const codeFeatures_1 = require("../codeFeatures");
 const utils_1 = require("../utils");
-function* generateSrc(script, src) {
-    if (src.endsWith('.d.ts')) {
-        src = src.slice(0, -'.d.ts'.length);
+function* generateSrc(src) {
+    if (src === true) {
+        return;
     }
-    else if (src.endsWith('.ts')) {
-        src = src.slice(0, -'.ts'.length);
+    let { text } = src;
+    if (text.endsWith('.d.ts')) {
+        text = text.slice(0, -'.d.ts'.length);
     }
-    else if (src.endsWith('.tsx')) {
-        src = src.slice(0, -'.tsx'.length) + '.jsx';
+    else if (text.endsWith('.ts')) {
+        text = text.slice(0, -'.ts'.length);
     }
-    if (!src.endsWith('.js') && !src.endsWith('.jsx')) {
-        src = src + '.js';
+    else if (text.endsWith('.tsx')) {
+        text = text.slice(0, -'.tsx'.length) + '.jsx';
+    }
+    if (!text.endsWith('.js') && !text.endsWith('.jsx')) {
+        text = text + '.js';
     }
     yield `export * from `;
-    yield [
-        `'${src}'`,
-        'script',
-        script.srcOffset - 1,
-        {
-            ...codeFeatures_1.codeFeatures.all,
-            navigation: src === script.src
-                ? true
-                : {
-                    shouldRename: () => false,
-                    resolveRenameEditText(newName) {
-                        if (newName.endsWith('.jsx') || newName.endsWith('.js')) {
-                            newName = newName.split('.').slice(0, -1).join('.');
-                        }
-                        if (script?.src?.endsWith('.d.ts')) {
-                            newName = newName + '.d.ts';
-                        }
-                        else if (script?.src?.endsWith('.ts')) {
-                            newName = newName + '.ts';
-                        }
-                        else if (script?.src?.endsWith('.tsx')) {
-                            newName = newName + '.tsx';
-                        }
-                        return newName;
-                    },
+    yield* (0, utils_1.generateSfcBlockAttrValue)(src, text, {
+        ...codeFeatures_1.codeFeatures.all,
+        navigation: text === src.text
+            ? true
+            : {
+                shouldRename: () => false,
+                resolveRenameEditText(newName) {
+                    if (newName.endsWith('.jsx') || newName.endsWith('.js')) {
+                        newName = newName.split('.').slice(0, -1).join('.');
+                    }
+                    if (src?.text.endsWith('.d.ts')) {
+                        newName = newName + '.d.ts';
+                    }
+                    else if (src?.text.endsWith('.ts')) {
+                        newName = newName + '.ts';
+                    }
+                    else if (src?.text.endsWith('.tsx')) {
+                        newName = newName + '.tsx';
+                    }
+                    return newName;
                 },
-        },
-    ];
+            },
+    });
     yield utils_1.endOfLine;
-    yield `export { default } from '${src}'${utils_1.endOfLine}`;
+    yield `export { default } from '${text}'${utils_1.endOfLine}`;
 }
 //# sourceMappingURL=src.js.map

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

@@ -1,8 +1,7 @@
 import type { Code } from '../../types';
-import { TemplateCodegenContext } from '../template/context';
+import { type TemplateCodegenContext } from '../template/context';
 import type { ScriptCodegenContext } from './context';
 import type { ScriptCodegenOptions } from './index';
 export declare function generateTemplate(options: ScriptCodegenOptions, ctx: ScriptCodegenContext): Generator<Code, TemplateCodegenContext>;
 export declare function generateTemplateDirectives(options: ScriptCodegenOptions): Generator<Code>;
-export declare function generateCssClassProperty(styleIndex: number, classNameWithDot: string, offset: number, propertyType: string, optional: boolean): Generator<Code>;
 export declare function getTemplateUsageVars(options: ScriptCodegenOptions, ctx: ScriptCodegenContext): Set<string>;

package/lib/codegen/script/template.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateTemplate = generateTemplate;
 exports.generateTemplateDirectives = generateTemplateDirectives;
-exports.generateCssClassProperty = generateCssClassProperty;
 exports.getTemplateUsageVars = getTemplateUsageVars;
 const shared_1 = require("../../utils/shared");
 const codeFeatures_1 = require("../codeFeatures");
+const modules_1 = require("../style/modules");
+const scopedClasses_1 = require("../style/scopedClasses");
 const context_1 = require("../template/context");
 const interpolation_1 = require("../template/interpolation");
 const styleScopedClasses_1 = require("../template/styleScopedClasses");
@@ -93,8 +94,9 @@ function* generateTemplateDirectives(options) {
     yield `let __VLS_directives!: __VLS_LocalDirectives & __VLS_GlobalDirectives${utils_1.endOfLine}`;
 }
 function* generateTemplateBody(options, templateCodegenCtx) {
-    yield* generateStyleScopedClasses(options, templateCodegenCtx);
+    yield* (0, scopedClasses_1.generateStyleScopedClasses)(options, templateCodegenCtx);
     yield* (0, styleScopedClasses_1.generateStyleScopedClassReferences)(templateCodegenCtx, true);
+    yield* (0, modules_1.generateStyleModules)(options);
     yield* generateCssVars(options, templateCodegenCtx);
     if (options.templateCodegen) {
         for (const code of options.templateCodegen.codes) {
@@ -111,54 +113,6 @@ function* generateTemplateBody(options, templateCodegenCtx) {
         yield `type __VLS_RootEl = any${utils_1.endOfLine}`;
     }
 }
-function* generateStyleScopedClasses(options, ctx) {
-    const firstClasses = new Set();
-    yield `type __VLS_StyleScopedClasses = {}`;
-    for (let i = 0; i < options.sfc.styles.length; i++) {
-        const style = options.sfc.styles[i];
-        const option = options.vueCompilerOptions.experimentalResolveStyleCssClasses;
-        if (option === 'always' || (option === 'scoped' && style.scoped)) {
-            for (const className of style.classNames) {
-                if (firstClasses.has(className.text)) {
-                    ctx.scopedClasses.push({
-                        source: 'style_' + i,
-                        className: className.text.slice(1),
-                        offset: className.offset + 1
-                    });
-                    continue;
-                }
-                firstClasses.add(className.text);
-                yield* generateCssClassProperty(i, className.text, className.offset, 'boolean', true);
-            }
-        }
-    }
-    yield utils_1.endOfLine;
-}
-function* generateCssClassProperty(styleIndex, classNameWithDot, offset, propertyType, optional) {
-    yield `${utils_1.newLine} & { `;
-    yield [
-        '',
-        'style_' + styleIndex,
-        offset,
-        codeFeatures_1.codeFeatures.navigation,
-    ];
-    yield `'`;
-    yield [
-        classNameWithDot.slice(1),
-        'style_' + styleIndex,
-        offset + 1,
-        codeFeatures_1.codeFeatures.navigation,
-    ];
-    yield `'`;
-    yield [
-        '',
-        'style_' + styleIndex,
-        offset + classNameWithDot.length,
-        codeFeatures_1.codeFeatures.navigationWithoutRename,
-    ];
-    yield `${optional ? '?' : ''}: ${propertyType}`;
-    yield ` }`;
-}
 function* generateCssVars(options, ctx) {
     if (!options.sfc.styles.length) {
         return;

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

@@ -0,0 +1,2 @@
+import type { Code } from '../../types';
+export declare function generateClassProperty(styleIndex: number, classNameWithDot: string, offset: number, propertyType: string): Generator<Code>;

package/lib/codegen/style/classProperty.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateClassProperty = generateClassProperty;
+const codeFeatures_1 = require("../codeFeatures");
+const utils_1 = require("../utils");
+function* generateClassProperty(styleIndex, classNameWithDot, offset, propertyType) {
+    yield `${utils_1.newLine} & { `;
+    yield [
+        '',
+        'style_' + styleIndex,
+        offset,
+        codeFeatures_1.codeFeatures.navigation,
+    ];
+    yield `'`;
+    yield [
+        classNameWithDot.slice(1),
+        'style_' + styleIndex,
+        offset + 1,
+        codeFeatures_1.codeFeatures.navigation,
+    ];
+    yield `'`;
+    yield [
+        '',
+        'style_' + styleIndex,
+        offset + classNameWithDot.length,
+        codeFeatures_1.codeFeatures.navigation,
+    ];
+    yield `: ${propertyType}`;
+    yield ` }`;
+}
+//# sourceMappingURL=classProperty.js.map

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

@@ -0,0 +1,3 @@
+import type { Code } from '../../types';
+import type { ScriptCodegenOptions } from '../script';
+export declare function generateStyleModules(options: ScriptCodegenOptions): Generator<Code>;

package/lib/codegen/{script/styleModulesType.js → style/modules.js}

@@ -1,34 +1,34 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateStyleModulesType = generateStyleModulesType;
+exports.generateStyleModules = generateStyleModules;
 const codeFeatures_1 = require("../codeFeatures");
 const utils_1 = require("../utils");
-const template_1 = require("./template");
-function* generateStyleModulesType(options, ctx) {
+const classProperty_1 = require("./classProperty");
+function* generateStyleModules(options) {
     const styles = options.sfc.styles.map((style, i) => [style, i]).filter(([style]) => style.module);
     if (!styles.length && !options.scriptSetupRanges?.useCssModule.length) {
         return;
     }
     yield `type __VLS_StyleModules = {${utils_1.newLine}`;
     for (const [style, i] of styles) {
-        const { name, offset } = style.module;
-        if (offset) {
+        if (style.module === true) {
+            yield `$style`;
+        }
+        else {
+            const { text, offset } = style.module;
             yield [
-                name,
+                text,
                 'main',
-                offset + 1,
-                codeFeatures_1.codeFeatures.all
+                offset,
+                codeFeatures_1.codeFeatures.withoutHighlight
             ];
         }
-        else {
-            yield name;
-        }
-        yield `: Record<string, string> & ${ctx.localTypes.PrettifyLocal}<{}`;
+        yield `: Record<string, string> & __VLS_PrettifyGlobal<{}`;
         for (const className of style.classNames) {
-            yield* (0, template_1.generateCssClassProperty)(i, className.text, className.offset, 'string', false);
+            yield* (0, classProperty_1.generateClassProperty)(i, className.text, className.offset, 'string');
         }
         yield `>${utils_1.endOfLine}`;
     }
     yield `}${utils_1.endOfLine}`;
 }
-//# sourceMappingURL=styleModulesType.js.map
+//# sourceMappingURL=modules.js.map

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

@@ -0,0 +1,4 @@
+import type { Code } from '../../types';
+import type { ScriptCodegenOptions } from '../script';
+import type { TemplateCodegenContext } from '../template/context';
+export declare function generateStyleScopedClasses(options: ScriptCodegenOptions, ctx: TemplateCodegenContext): Generator<Code>;

package/lib/codegen/style/scopedClasses.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateStyleScopedClasses = generateStyleScopedClasses;
+const utils_1 = require("../utils");
+const classProperty_1 = require("./classProperty");
+function* generateStyleScopedClasses(options, ctx) {
+    const option = options.vueCompilerOptions.experimentalResolveStyleCssClasses;
+    const styles = options.sfc.styles
+        .map((style, i) => [style, i])
+        .filter(([style]) => option === 'always' || (option === 'scoped' && style.scoped));
+    if (!styles.length) {
+        return;
+    }
+    const firstClasses = new Set();
+    yield `type __VLS_StyleScopedClasses = {}`;
+    for (const [style, i] of styles) {
+        for (const className of style.classNames) {
+            if (firstClasses.has(className.text)) {
+                ctx.scopedClasses.push({
+                    source: 'style_' + i,
+                    className: className.text.slice(1),
+                    offset: className.offset + 1
+                });
+                continue;
+            }
+            firstClasses.add(className.text);
+            yield* (0, classProperty_1.generateClassProperty)(i, className.text, className.offset, 'boolean');
+        }
+    }
+    yield utils_1.endOfLine;
+}
+//# sourceMappingURL=scopedClasses.js.map