@vue/language-core 2.2.0 → 2.2.4

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

@@ -1,6 +1,6 @@
 import type { ScriptSetupRanges } from '../../parsers/scriptSetupRanges';
 import type { Code, Sfc } from '../../types';
 import type { ScriptCodegenContext } from './context';
-import { ScriptCodegenOptions } from './index';
+import { type ScriptCodegenOptions } from './index';
 export declare function generateScriptSetupImports(scriptSetup: NonNullable<Sfc['scriptSetup']>, scriptSetupRanges: ScriptSetupRanges): Generator<Code>;
 export declare function generateScriptSetup(options: ScriptCodegenOptions, ctx: ScriptCodegenContext, scriptSetup: NonNullable<Sfc['scriptSetup']>, scriptSetupRanges: ScriptSetupRanges): Generator<Code>;

package/lib/codegen/script/scriptSetup.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateScriptSetupImports = generateScriptSetupImports;
 exports.generateScriptSetup = generateScriptSetup;
+const codeFeatures_1 = require("../codeFeatures");
 const utils_1 = require("../utils");
 const component_1 = require("./component");
 const componentSelf_1 = require("./componentSelf");
@@ -12,7 +13,7 @@ function* generateScriptSetupImports(scriptSetup, scriptSetupRanges) {
         scriptSetup.content.slice(0, Math.max(scriptSetupRanges.importSectionEndOffset, scriptSetupRanges.leadingCommentEndOffset)),
         'scriptSetup',
         0,
-        index_1.codeFeatures.all,
+        codeFeatures_1.codeFeatures.all,
     ];
 }
 function* generateScriptSetup(options, ctx, scriptSetup, scriptSetupRanges) {
@@ -24,22 +25,26 @@ function* generateScriptSetup(options, ctx, scriptSetup, scriptSetupRanges) {
                     '',
                     'scriptSetup',
                     options.sfc.scriptSetup.content.length,
-                    index_1.codeFeatures.verification,
+                    codeFeatures_1.codeFeatures.verification,
                 ];
             }
             yield `export default `;
         }
-        yield `(<`;
-        yield [
-            scriptSetup.generic,
-            scriptSetup.name,
-            scriptSetup.genericOffset,
-            index_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}`
@@ -53,10 +58,10 @@ function* generateScriptSetup(options, ctx, scriptSetup, scriptSetupRanges) {
             emitTypes.push(`typeof __VLS_modelEmit`);
         }
         yield `return {} as {${utils_1.newLine}`
-            + `	props: ${ctx.localTypes.PrettifyLocal}<__VLS_OwnProps & __VLS_PublicProps & __VLS_TemplateResult['attrs']> & __VLS_BuiltInPublicProps,${utils_1.newLine}`
+            + `	props: ${ctx.localTypes.PrettifyLocal}<__VLS_OwnProps & __VLS_PublicProps & Partial<__VLS_InheritedAttrs>> & __VLS_BuiltInPublicProps,${utils_1.newLine}`
             + `	expose(exposed: import('${options.vueCompilerOptions.lib}').ShallowUnwrapRef<${scriptSetupRanges.defineExpose ? 'typeof __VLS_exposed' : '{}'}>): void,${utils_1.newLine}`
             + `	attrs: any,${utils_1.newLine}`
-            + `	slots: __VLS_TemplateResult['slots'],${utils_1.newLine}`
+            + `	slots: __VLS_Slots,${utils_1.newLine}`
             + `	emit: ${emitTypes.length ? emitTypes.join(' & ') : `{}`},${utils_1.newLine}`
             + `}${utils_1.endOfLine}`;
         yield `})(),${utils_1.newLine}`; // __VLS_setup = (async () => {
@@ -80,28 +85,15 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
     let setupCodeModifies = [];
     if (scriptSetupRanges.defineProps) {
         const { name, statement, callExp, typeArg } = scriptSetupRanges.defineProps;
-        setupCodeModifies.push(...generateDefineWithType(scriptSetup, statement, scriptSetupRanges.withDefaults?.callExp ?? callExp, typeArg, name, '__VLS_props', '__VLS_Props'));
+        setupCodeModifies.push(...generateDefineWithType(scriptSetup, statement, scriptSetupRanges.withDefaults?.callExp ?? callExp, typeArg, name, `__VLS_props`, `__VLS_Props`));
     }
     if (scriptSetupRanges.defineEmits) {
         const { name, statement, callExp, typeArg } = scriptSetupRanges.defineEmits;
-        setupCodeModifies.push(...generateDefineWithType(scriptSetup, statement, callExp, typeArg, name, '__VLS_emit', '__VLS_Emit'));
+        setupCodeModifies.push(...generateDefineWithType(scriptSetup, statement, callExp, typeArg, name, `__VLS_emit`, `__VLS_Emit`));
     }
     if (scriptSetupRanges.defineSlots) {
-        const { name, callExp, isObjectBindingPattern } = scriptSetupRanges.defineSlots;
-        if (isObjectBindingPattern) {
-            setupCodeModifies.push([
-                [`__VLS_slots;\nconst __VLS_slots = `],
-                callExp.start,
-                callExp.start,
-            ]);
-        }
-        else if (!name) {
-            setupCodeModifies.push([
-                [`const __VLS_slots = `],
-                callExp.start,
-                callExp.start
-            ]);
-        }
+        const { name, statement, callExp, typeArg } = scriptSetupRanges.defineSlots;
+        setupCodeModifies.push(...generateDefineWithType(scriptSetup, statement, callExp, typeArg, name, `__VLS_slots`, `__VLS_Slots`));
     }
     if (scriptSetupRanges.defineExpose) {
         const { callExp, arg, typeArg } = scriptSetupRanges.defineExpose;
@@ -109,7 +101,7 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
             setupCodeModifies.push([
                 [
                     `let __VLS_exposed!: `,
-                    (0, utils_1.generateSfcBlockSection)(scriptSetup, typeArg.start, typeArg.end, index_1.codeFeatures.navigation),
+                    (0, utils_1.generateSfcBlockSection)(scriptSetup, typeArg.start, typeArg.end, codeFeatures_1.codeFeatures.navigation),
                     `${utils_1.endOfLine}`,
                 ],
                 callExp.start,
@@ -120,7 +112,7 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
             setupCodeModifies.push([
                 [
                     `const __VLS_exposed = `,
-                    (0, utils_1.generateSfcBlockSection)(scriptSetup, arg.start, arg.end, index_1.codeFeatures.navigation),
+                    (0, utils_1.generateSfcBlockSection)(scriptSetup, arg.start, arg.end, codeFeatures_1.codeFeatures.navigation),
                     `${utils_1.endOfLine}`,
                 ],
                 callExp.start,
@@ -135,18 +127,19 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
             ]);
         }
     }
-    // TODO: circular reference
-    // for (const { callExp } of scriptSetupRanges.useAttrs) {
-    // 	setupCodeModifies.push([
-    // 		[`(`],
-    // 		callExp.start,
-    // 		callExp.start
-    // 	], [
-    // 		[` as __VLS_TemplateResult['attrs'] & Record<string, unknown>)`],
-    // 		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([
             [`(`],
@@ -155,11 +148,11 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
         ], [
             arg ? [
                 ` as Omit<__VLS_StyleModules, '$style'>[`,
-                (0, utils_1.generateSfcBlockSection)(scriptSetup, arg.start, arg.end, index_1.codeFeatures.all),
+                (0, utils_1.generateSfcBlockSection)(scriptSetup, arg.start, arg.end, codeFeatures_1.codeFeatures.all),
                 `])`
             ] : [
                 ` as __VLS_StyleModules[`,
-                ['', scriptSetup.name, exp.start, index_1.codeFeatures.verification],
+                ['', scriptSetup.name, exp.start, codeFeatures_1.codeFeatures.verification],
                 `'$style'`,
                 ['', scriptSetup.name, exp.end, utils_1.combineLastMapping],
                 `])`
@@ -169,29 +162,31 @@ 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 __VLS_TemplateResult['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) {
         const templateRefType = arg
             ? [
-                `__VLS_TemplateResult['refs'][`,
-                (0, utils_1.generateSfcBlockSection)(scriptSetup, arg.start, arg.end, index_1.codeFeatures.all),
+                `__VLS_TemplateRefs[`,
+                (0, utils_1.generateSfcBlockSection)(scriptSetup, arg.start, arg.end, codeFeatures_1.codeFeatures.all),
                 `]`
             ]
             : [`unknown`];
@@ -223,7 +218,7 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
         }
         if (arg) {
             setupCodeModifies.push([
-                [`(__VLS_placeholder)`],
+                [`__VLS_placeholder`],
                 arg.start,
                 arg.end
             ]);
@@ -232,36 +227,36 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
     setupCodeModifies = setupCodeModifies.sort((a, b) => a[1] - b[1]);
     let nextStart = Math.max(scriptSetupRanges.importSectionEndOffset, scriptSetupRanges.leadingCommentEndOffset);
     for (const [codes, start, end] of setupCodeModifies) {
-        yield (0, utils_1.generateSfcBlockSection)(scriptSetup, nextStart, start, index_1.codeFeatures.all);
+        yield (0, utils_1.generateSfcBlockSection)(scriptSetup, nextStart, start, codeFeatures_1.codeFeatures.all);
         for (const code of codes) {
             yield code;
         }
         nextStart = end;
     }
-    yield (0, utils_1.generateSfcBlockSection)(scriptSetup, nextStart, scriptSetup.content.length, index_1.codeFeatures.all);
+    yield (0, utils_1.generateSfcBlockSection)(scriptSetup, nextStart, scriptSetup.content.length, codeFeatures_1.codeFeatures.all);
     yield* (0, index_1.generateScriptSectionPartiallyEnding)(scriptSetup.name, scriptSetup.content.length, '#3632/scriptSetup.vue');
     yield* generateMacros(options, ctx);
     yield* generateDefineProp(options);
     if (scriptSetupRanges.defineProps?.typeArg && scriptSetupRanges.withDefaults?.arg) {
         // fix https://github.com/vuejs/language-tools/issues/1187
         yield `const __VLS_withDefaultsArg = (function <T>(t: T) { return t })(`;
-        yield (0, utils_1.generateSfcBlockSection)(scriptSetup, scriptSetupRanges.withDefaults.arg.start, scriptSetupRanges.withDefaults.arg.end, index_1.codeFeatures.navigation);
+        yield (0, utils_1.generateSfcBlockSection)(scriptSetup, scriptSetupRanges.withDefaults.arg.start, scriptSetupRanges.withDefaults.arg.end, codeFeatures_1.codeFeatures.navigation);
         yield `)${utils_1.endOfLine}`;
     }
     yield* generateComponentProps(options, ctx, scriptSetup, scriptSetupRanges);
     yield* generateModelEmit(scriptSetup, scriptSetupRanges);
-    yield `function __VLS_template() {${utils_1.newLine}`;
     const templateCodegenCtx = yield* (0, template_1.generateTemplate)(options, ctx);
-    yield `}${utils_1.endOfLine}`;
     yield* (0, componentSelf_1.generateComponentSelf)(options, ctx, templateCodegenCtx);
-    yield `type __VLS_TemplateResult = ReturnType<typeof __VLS_template>${utils_1.endOfLine}`;
     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;
             yield `${syntax} `;
-            yield `{} as ${ctx.localTypes.WithTemplateSlots}<typeof __VLS_component, __VLS_TemplateResult['slots']>${utils_1.endOfLine}`;
+            yield `{} as ${ctx.localTypes.WithSlots}<typeof __VLS_component, __VLS_Slots>${utils_1.endOfLine}`;
         }
         else {
             yield `${syntax} `;
@@ -272,6 +267,7 @@ function* generateSetupFunction(options, ctx, scriptSetup, scriptSetupRanges, sy
 }
 function* generateMacros(options, ctx) {
     if (options.vueCompilerOptions.target >= 3.3) {
+        yield `// @ts-ignore${utils_1.newLine}`;
         yield `declare const { `;
         for (const macro of Object.keys(options.vueCompilerOptions.macros)) {
             if (!ctx.bindingNames.has(macro)) {
@@ -301,7 +297,7 @@ function* generateDefineWithType(scriptSetup, statement, callExp, typeArg, name,
     if (typeArg) {
         yield [[
                 `type ${typeName} = `,
-                (0, utils_1.generateSfcBlockSection)(scriptSetup, typeArg.start, typeArg.end, index_1.codeFeatures.all),
+                (0, utils_1.generateSfcBlockSection)(scriptSetup, typeArg.start, typeArg.end, codeFeatures_1.codeFeatures.all),
                 utils_1.endOfLine,
             ], statement.start, statement.start];
         yield [[typeName], typeArg.start, typeArg.end];
@@ -313,21 +309,21 @@ function* generateDefineWithType(scriptSetup, statement, callExp, typeArg, name,
         else if (typeArg) {
             yield [[
                     `const ${defaultName} = `,
-                    (0, utils_1.generateSfcBlockSection)(scriptSetup, callExp.start, typeArg.start, index_1.codeFeatures.all)
+                    (0, utils_1.generateSfcBlockSection)(scriptSetup, callExp.start, typeArg.start, codeFeatures_1.codeFeatures.all)
                 ], statement.start, typeArg.start];
             yield [[
-                    (0, utils_1.generateSfcBlockSection)(scriptSetup, typeArg.end, callExp.end, index_1.codeFeatures.all),
+                    (0, utils_1.generateSfcBlockSection)(scriptSetup, typeArg.end, callExp.end, codeFeatures_1.codeFeatures.all),
                     utils_1.endOfLine,
-                    (0, utils_1.generateSfcBlockSection)(scriptSetup, statement.start, callExp.start, index_1.codeFeatures.all),
+                    (0, utils_1.generateSfcBlockSection)(scriptSetup, statement.start, callExp.start, codeFeatures_1.codeFeatures.all),
                     defaultName
                 ], typeArg.end, callExp.end];
         }
         else {
             yield [[
                     `const ${defaultName} = `,
-                    (0, utils_1.generateSfcBlockSection)(scriptSetup, callExp.start, callExp.end, index_1.codeFeatures.all),
+                    (0, utils_1.generateSfcBlockSection)(scriptSetup, callExp.start, callExp.end, codeFeatures_1.codeFeatures.all),
                     utils_1.endOfLine,
-                    (0, utils_1.generateSfcBlockSection)(scriptSetup, statement.start, callExp.start, index_1.codeFeatures.all),
+                    (0, utils_1.generateSfcBlockSection)(scriptSetup, statement.start, callExp.start, codeFeatures_1.codeFeatures.all),
                     defaultName
                 ], statement.start, callExp.end];
         }
@@ -338,7 +334,7 @@ function* generateComponentProps(options, ctx, scriptSetup, scriptSetupRanges) {
         yield `const __VLS_fnComponent = (await import('${options.vueCompilerOptions.lib}')).defineComponent({${utils_1.newLine}`;
         if (scriptSetupRanges.defineProps?.arg) {
             yield `props: `;
-            yield (0, utils_1.generateSfcBlockSection)(scriptSetup, scriptSetupRanges.defineProps.arg.start, scriptSetupRanges.defineProps.arg.end, index_1.codeFeatures.navigation);
+            yield (0, utils_1.generateSfcBlockSection)(scriptSetup, scriptSetupRanges.defineProps.arg.start, scriptSetupRanges.defineProps.arg.end, codeFeatures_1.codeFeatures.navigation);
             yield `,${utils_1.newLine}`;
         }
         yield* (0, component_1.generateEmitsOption)(options, scriptSetupRanges);
@@ -383,7 +379,7 @@ function* generateComponentProps(options, ctx, scriptSetup, scriptSetupRanges) {
             yield ` & `;
         }
         ctx.generatedPropsType = true;
-        yield `${ctx.localTypes.PropsChildren}<typeof __VLS_slots>`;
+        yield `${ctx.localTypes.PropsChildren}<__VLS_Slots>`;
     }
     if (scriptSetupRanges.defineProp.length) {
         if (ctx.generatedPropsType) {
@@ -397,10 +393,10 @@ function* generateComponentProps(options, ctx, scriptSetup, scriptSetupRanges) {
                 yield propName;
             }
             else if (defineProp.name) {
-                yield (0, utils_1.generateSfcBlockSection)(scriptSetup, defineProp.name.start, defineProp.name.end, index_1.codeFeatures.navigation);
+                yield (0, utils_1.generateSfcBlockSection)(scriptSetup, defineProp.name.start, defineProp.name.end, codeFeatures_1.codeFeatures.navigation);
             }
             else if (defineProp.localName) {
-                yield (0, utils_1.generateSfcBlockSection)(scriptSetup, defineProp.localName.start, defineProp.localName.end, index_1.codeFeatures.navigation);
+                yield (0, utils_1.generateSfcBlockSection)(scriptSetup, defineProp.localName.start, defineProp.localName.end, codeFeatures_1.codeFeatures.navigation);
             }
             else {
                 continue;
@@ -438,6 +434,9 @@ function* generateModelEmit(scriptSetup, scriptSetupRanges) {
             const [propName, localName] = getPropAndLocalName(scriptSetup, defineModel);
             yield `'update:${propName}': [value: `;
             yield* generateDefinePropType(scriptSetup, propName, localName, defineModel);
+            if (!defineModel.required && defineModel.defaultValue === undefined) {
+                yield ` | undefined`;
+            }
             yield `]${utils_1.endOfLine}`;
         }
         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

@@ -1,51 +1,50 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateSrc = generateSrc;
+const codeFeatures_1 = require("../codeFeatures");
 const utils_1 = require("../utils");
-const index_1 = require("./index");
-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,
-        {
-            ...index_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';
+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,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateTemplate = generateTemplate;
 exports.generateTemplateDirectives = generateTemplateDirectives;
-exports.generateCssClassProperty = generateCssClassProperty;
 exports.getTemplateUsageVars = getTemplateUsageVars;
-const path = require("path-browserify");
 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");
 const utils_1 = require("../utils");
-const index_1 = require("./index");
 function* generateTemplate(options, ctx) {
     ctx.generatedTemplate = true;
     const templateCodegenCtx = (0, context_1.createTemplateCodegenContext)({
@@ -56,25 +56,11 @@ function* generateTemplateComponents(options) {
             options.sfc.script.content.slice(componentsOption.start, componentsOption.end),
             'script',
             componentsOption.start,
-            index_1.codeFeatures.navigation,
+            codeFeatures_1.codeFeatures.navigation,
         ];
         yield utils_1.endOfLine;
         types.push(`typeof __VLS_componentsOption`);
     }
-    let nameType;
-    if (options.sfc.script && options.scriptRanges?.exportDefault?.nameOption) {
-        const { nameOption } = options.scriptRanges.exportDefault;
-        nameType = options.sfc.script.content.slice(nameOption.start, nameOption.end);
-    }
-    else if (options.sfc.scriptSetup) {
-        const baseName = path.basename(options.fileName);
-        nameType = `'${options.scriptSetupRanges?.defineOptions?.name ?? baseName.slice(0, baseName.lastIndexOf('.'))}'`;
-    }
-    if (nameType) {
-        types.push(`{ [K in ${nameType}]: typeof __VLS_self & (new () => { `
-            + (0, shared_1.getSlotsPropertyName)(options.vueCompilerOptions.target)
-            + `: typeof ${options.scriptSetupRanges?.defineSlots?.name ?? `__VLS_slots`} }) }`);
-    }
     types.push(`typeof __VLS_ctx`);
     yield `type __VLS_LocalComponents =`;
     for (const type of types) {
@@ -93,7 +79,7 @@ function* generateTemplateDirectives(options) {
             options.sfc.script.content.slice(directivesOption.start, directivesOption.end),
             'script',
             directivesOption.start,
-            index_1.codeFeatures.navigation,
+            codeFeatures_1.codeFeatures.navigation,
         ];
         yield utils_1.endOfLine;
         types.push(`typeof __VLS_directivesOption`);
@@ -108,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) {
@@ -119,66 +106,12 @@ function* generateTemplateBody(options, templateCodegenCtx) {
     else {
         yield `// no template${utils_1.newLine}`;
         if (!options.scriptSetupRanges?.defineSlots) {
-            yield `const __VLS_slots = {}${utils_1.endOfLine}`;
+            yield `type __VLS_Slots = {}${utils_1.endOfLine}`;
         }
-        yield `const __VLS_inheritedAttrs = {}${utils_1.endOfLine}`;
-        yield `const $refs = {}${utils_1.endOfLine}`;
-        yield `const $el = {} as any${utils_1.endOfLine}`;
+        yield `type __VLS_InheritedAttrs = {}${utils_1.endOfLine}`;
+        yield `type __VLS_TemplateRefs = {}${utils_1.endOfLine}`;
+        yield `type __VLS_RootEl = any${utils_1.endOfLine}`;
     }
-    yield `return {${utils_1.newLine}`;
-    yield `	attrs: {} as Partial<typeof __VLS_inheritedAttrs>,${utils_1.newLine}`;
-    yield `	slots: ${options.scriptSetupRanges?.defineSlots?.name ?? '__VLS_slots'},${utils_1.newLine}`;
-    yield `	refs: $refs,${utils_1.newLine}`;
-    yield `	rootEl: $el,${utils_1.newLine}`;
-    yield `}${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,
-        index_1.codeFeatures.navigation,
-    ];
-    yield `'`;
-    yield [
-        classNameWithDot.slice(1),
-        'style_' + styleIndex,
-        offset + 1,
-        index_1.codeFeatures.navigation,
-    ];
-    yield `'`;
-    yield [
-        '',
-        'style_' + styleIndex,
-        offset + classNameWithDot.length,
-        index_1.codeFeatures.navigationWithoutRename,
-    ];
-    yield `${optional ? '?' : ''}: ${propertyType}`;
-    yield ` }`;
 }
 function* generateCssVars(options, ctx) {
     if (!options.sfc.styles.length) {
@@ -187,7 +120,7 @@ function* generateCssVars(options, ctx) {
     yield `// CSS variable injection ${utils_1.newLine}`;
     for (const style of options.sfc.styles) {
         for (const cssBind of style.cssVars) {
-            yield* (0, interpolation_1.generateInterpolation)(options, ctx, style.name, index_1.codeFeatures.all, cssBind.text, cssBind.offset);
+            yield* (0, interpolation_1.generateInterpolation)(options, ctx, style.name, codeFeatures_1.codeFeatures.all, cssBind.text, cssBind.offset);
             yield utils_1.endOfLine;
         }
     }

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>;