@vue/language-core 1.7.11 → 1.7.13

package/out/generators/script.js

@@ -52,7 +52,7 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
     const usedHelperTypes = {
         DefinePropsToOptions: false,
         mergePropDefaults: false,
-        ConstructorOverloads: false,
+        EmitsTypeHelpers: false,
         WithTemplateSlots: false,
         PropsChildren: false,
     };
@@ -101,7 +101,7 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
 				};\n`);
             usedPrettify = true;
         }
-        if (usedHelperTypes.ConstructorOverloads) {
+        if (usedHelperTypes.EmitsTypeHelpers) {
             // fix https://github.com/vuejs/language-tools/issues/926
             codes.push('type __VLS_UnionToIntersection<U> = __VLS_Prettify<(U extends unknown ? (arg: U) => unknown : never) extends ((arg: infer P) => unknown) ? P : never>;\n');
             usedPrettify = true;
@@ -111,6 +111,10 @@ function generate(ts, fileName, _sfc, lang, scriptRanges, scriptSetupRanges, htm
             else {
                 codes.push(sharedTypes.genConstructorOverloads('__VLS_ConstructorOverloads'));
             }
+            codes.push(`type __VLS_NormalizeEmits<T> = __VLS_ConstructorOverloads<T> & {
+				[K in keyof T]: T[K] extends any[] ? { (...args: T[K]): void } : never
+			}`);
+            ;
         }
         if (usedHelperTypes.WithTemplateSlots) {
             codes.push(`type __VLS_WithTemplateSlots<T, S> = T & { new(): {\n`, `$slots: S;\n`);
@@ -506,8 +510,8 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
                 codes.push(`},\n`);
             }
             if (scriptSetupRanges.emitsTypeArg) {
-                usedHelperTypes.ConstructorOverloads = true;
-                codes.push(`emits: ({} as __VLS_UnionToIntersection<__VLS_ConstructorOverloads<`);
+                usedHelperTypes.EmitsTypeHelpers = true;
+                codes.push(`emits: ({} as __VLS_UnionToIntersection<__VLS_NormalizeEmits<`);
                 addExtraReferenceVirtualCode('scriptSetup', scriptSetupRanges.emitsTypeArg.start, scriptSetupRanges.emitsTypeArg.end);
                 codes.push(`>>),\n`);
             }

package/out/generators/template.js

@@ -58,6 +58,7 @@ const transformContext = {
     expressionPlugins: ['typescript'],
 };
 function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourceLang, sfc, hasScriptSetupSlots, codegenStack) {
+    const nativeTags = new Set(vueCompilerOptions.nativeTags);
     const [codes, codeStacks] = codegenStack ? muggle.track([]) : [[], []];
     const [formatCodes, formatCodeStacks] = codegenStack ? muggle.track([]) : [[], []];
     const [cssCodes, cssCodeStacks] = codegenStack ? muggle.track([]) : [[], []];
@@ -144,25 +145,24 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
     }
     function generateComponentVars() {
         const data = {};
-        codes.push(`let __VLS_templateComponents!: __VLS_IntrinsicElements\n`);
+        codes.push(`let __VLS_templateComponents!: {}\n`);
         for (const tagName in tagNames) {
+            if (nativeTags.has(tagName))
+                continue;
             const isNamespacedTag = tagName.indexOf('.') >= 0;
             if (isNamespacedTag)
                 continue;
-            const varName = validTsVar.test(tagName) ? tagName : (0, shared_1.capitalize)((0, shared_1.camelize)(tagName.replace(/:/g, '-')));
-            codes.push(`& __VLS_WithComponent<'${varName}', typeof __VLS_components, `, 
+            const validName = validTsVar.test(tagName) ? tagName : (0, shared_1.capitalize)((0, shared_1.camelize)(tagName.replace(/:/g, '-')));
+            codes.push(`& __VLS_WithComponent<'${validName}', typeof __VLS_components, `, 
             // order is important: https://github.com/vuejs/language-tools/issues/2010
             `"${(0, shared_1.capitalize)((0, shared_1.camelize)(tagName))}", `, `"${(0, shared_1.camelize)(tagName)}", `, `"${tagName}"`, '>\n');
-            data[tagName] = varName;
+            data[tagName] = validName;
         }
         codes.push(`;\n`);
         for (const tagName in tagNames) {
-            const varName = data[tagName];
-            if (!varName)
-                continue;
             const tagOffsets = tagNames[tagName];
             const tagRanges = tagOffsets.map(offset => [offset, offset + tagName.length]);
-            const names = new Set([
+            const names = new Set(nativeTags.has(tagName) ? [tagName] : [
                 // order is important: https://github.com/vuejs/language-tools/issues/2010
                 (0, shared_1.capitalize)((0, shared_1.camelize)(tagName)),
                 (0, shared_1.camelize)(tagName),
@@ -170,7 +170,7 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
             ]);
             for (const name of names) {
                 for (const tagRange of tagRanges) {
-                    codes.push(name === tagName ? '__VLS_templateComponents' : '__VLS_components', ...createPropertyAccessCode([
+                    codes.push(nativeTags.has(tagName) ? '({} as __VLS_IntrinsicElements)' : '__VLS_components', ...createPropertyAccessCode([
                         name,
                         'template',
                         tagRange,
@@ -185,23 +185,26 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 }
             }
             codes.push('\n');
-            codes.push('// @ts-ignore\n', // #2304
-            '[');
-            for (const tagRange of tagRanges) {
-                codes.push([
-                    varName,
-                    'template',
-                    tagRange,
-                    {
-                        completion: {
-                            additional: true,
-                            autoImportOnly: true,
+            const validName = data[tagName];
+            if (validName) {
+                codes.push('// @ts-ignore\n', // #2304
+                '[');
+                for (const tagRange of tagRanges) {
+                    codes.push([
+                        validName,
+                        'template',
+                        tagRange,
+                        {
+                            completion: {
+                                additional: true,
+                                autoImportOnly: true,
+                            },
                         },
-                    },
-                ]);
-                codes.push(',');
+                    ]);
+                    codes.push(',');
+                }
+                codes.push(`];\n`);
             }
-            codes.push(`];\n`);
         }
         return data;
     }
@@ -295,14 +298,14 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
     function visitNode(node, parentEl, prevNode, componentCtxVar) {
         resolveComment();
         if (prevNode?.type === 3 /* CompilerDOM.NodeTypes.COMMENT */) {
-            const commentText = prevNode.content.trim();
-            if (commentText === '@vue-skip') {
+            const commentText = prevNode.content.trim().split(' ')[0];
+            if (commentText.match(/^@vue-skip\b[\s\S]*/)) {
                 return;
             }
-            else if (commentText === '@vue-ignore') {
+            else if (commentText.match(/^@vue-ignore\b[\s\S]*/)) {
                 ignoreStart = codes.length;
             }
-            else if (commentText === '@vue-expect-error') {
+            else if (commentText.match(/^@vue-expect-error\b[\s\S]*/)) {
                 expectedErrorStart = codes.length;
                 expectedErrorNode = prevNode;
             }
@@ -474,7 +477,16 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 }
             }
         }
-        if (isNamespacedTag) {
+        const isIntrinsicElement = nativeTags.has(tag) && tagOffsets.length;
+        if (isIntrinsicElement) {
+            codes.push('const ', var_originalComponent, ` = ({} as __VLS_IntrinsicElements)[`, ...createStringLiteralKeyCode([
+                tag,
+                'template',
+                tagOffsets[0],
+                capabilitiesPresets.diagnosticOnly,
+            ]), '];\n');
+        }
+        else if (isNamespacedTag) {
             codes.push(`const ${var_originalComponent} = `, ...createInterpolationCode(tag, node.loc, startTagOffset, capabilitiesPresets.all, '', ''), ';\n');
         }
         else if (dynamicTagExp) {
@@ -486,7 +498,14 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
         else {
             codes.push(`const ${var_originalComponent} = {} as any;\n`);
         }
-        codes.push(`const ${var_functionalComponent} = __VLS_asFunctionalComponent(`, `${var_originalComponent}, `, `new ${var_originalComponent}({`, ...createPropsCode(node, props, 'extraReferences'), '}));\n');
+        codes.push(`const ${var_functionalComponent} = __VLS_asFunctionalComponent(`, `${var_originalComponent}, `);
+        if (isIntrinsicElement) {
+            codes.push('{}');
+        }
+        else {
+            codes.push(`new ${var_originalComponent}({`, ...createPropsCode(node, props, 'extraReferences'), '})');
+        }
+        codes.push(');\n');
         for (const offset of tagOffsets) {
             if (isNamespacedTag) {
                 continue;
@@ -495,7 +514,10 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 continue;
             }
             else {
-                if (componentVars[tag]) {
+                if (isIntrinsicElement) {
+                    codes.push(`({} as __VLS_IntrinsicElements).`);
+                }
+                else {
                     codes.push(`__VLS_templateComponents.`);
                 }
                 codes.push([
@@ -661,9 +683,11 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                     {
                         ...capabilitiesPresets.attrReference,
                         rename: {
+                            // @click-outside -> onClickOutside
                             normalize(newName) {
                                 return (0, shared_1.camelize)('on-' + newName);
                             },
+                            // onClickOutside -> @click-outside
                             apply(newName) {
                                 const hName = (0, shared_1.hyphenate)(newName);
                                 if ((0, shared_1.hyphenate)(newName).startsWith('on-')) {
@@ -805,14 +829,12 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                     }
                     continue;
                 }
-                const isStatic = !prop.arg || (prop.arg.type === 4 /* CompilerDOM.NodeTypes.SIMPLE_EXPRESSION */ && prop.arg.isStatic);
-                const propName = isStatic
+                let camelized = false;
+                if ((!prop.arg || (prop.arg.type === 4 /* CompilerDOM.NodeTypes.SIMPLE_EXPRESSION */ && prop.arg.isStatic)) // isStatic
                     && (0, shared_1.hyphenate)(attrNameText) === attrNameText
-                    && !vueCompilerOptions.htmlAttributes.some(pattern => (0, minimatch_1.minimatch)(attrNameText, pattern))
-                    ? (0, shared_1.camelize)(attrNameText)
-                    : attrNameText;
-                if (vueCompilerOptions.strictTemplates) {
-                    attrNameText = propName;
+                    && !vueCompilerOptions.htmlAttributes.some(pattern => (0, minimatch_1.minimatch)(attrNameText, pattern))) {
+                    attrNameText = (0, shared_1.camelize)(attrNameText);
+                    camelized = true;
                 }
                 // camelize name
                 codes.push([
@@ -831,28 +853,28 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 }
                 else if (prop.exp?.constType === 3 /* CompilerDOM.ConstantTypes.CAN_STRINGIFY */) {
                     codes.push(...createObjectPropertyCode([
-                        propName,
+                        attrNameText,
                         'template',
                         [prop.arg.loc.start.offset, prop.arg.loc.start.offset + attrNameText.length],
                         {
                             ...caps_attr,
                             rename: {
                                 normalize: shared_1.camelize,
-                                apply: getRenameApply(attrNameText),
+                                apply: camelized ? shared_1.hyphenate : noEditApply,
                             },
                         },
                     ], prop.loc.name_2 ?? (prop.loc.name_2 = {})));
                 }
                 else {
                     codes.push(...createObjectPropertyCode([
-                        propName,
+                        attrNameText,
                         'template',
                         [prop.arg.loc.start.offset, prop.arg.loc.end.offset],
                         {
                             ...caps_attr,
                             rename: {
                                 normalize: shared_1.camelize,
-                                apply: getRenameApply(attrNameText),
+                                apply: camelized ? shared_1.hyphenate : noEditApply,
                             },
                         },
                     ], prop.loc.name_2 ?? (prop.loc.name_2 = {})));
@@ -875,30 +897,6 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                     caps_diagnosticOnly,
                 ]);
                 codes.push(', ');
-                // original name
-                if (prop.arg && attrNameText !== propName) {
-                    codes.push(...createObjectPropertyCode([
-                        attrNameText,
-                        'template',
-                        [prop.arg.loc.start.offset, prop.arg.loc.end.offset],
-                        {
-                            ...caps_attr,
-                            rename: {
-                                normalize: shared_1.camelize,
-                                apply: getRenameApply(attrNameText),
-                            },
-                        },
-                    ], prop.loc.name_1 ?? (prop.loc.name_1 = {})));
-                    codes.push(': (');
-                    if (prop.exp) {
-                        codes.push(...createInterpolationCode(prop.exp.loc.source, prop.exp.loc, undefined, undefined, '(', ')'));
-                    }
-                    else {
-                        codes.push('undefined');
-                    }
-                    codes.push(')');
-                    codes.push(', ');
-                }
             }
             else if (prop.type === 6 /* CompilerDOM.NodeTypes.ATTRIBUTE */) {
                 let attrNameText = prop.name;
@@ -909,12 +907,11 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                 ) {
                     continue;
                 }
-                const propName = (0, shared_1.hyphenate)(prop.name) === prop.name
-                    && !vueCompilerOptions.htmlAttributes.some(pattern => (0, minimatch_1.minimatch)(attrNameText, pattern))
-                    ? (0, shared_1.camelize)(prop.name)
-                    : prop.name;
-                if (vueCompilerOptions.strictTemplates) {
-                    attrNameText = propName;
+                let camelized = false;
+                if ((0, shared_1.hyphenate)(prop.name) === prop.name
+                    && !vueCompilerOptions.htmlAttributes.some(pattern => (0, minimatch_1.minimatch)(attrNameText, pattern))) {
+                    attrNameText = (0, shared_1.camelize)(prop.name);
+                    camelized = true;
                 }
                 // camelize name
                 codes.push([
@@ -924,14 +921,14 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                     caps_diagnosticOnly,
                 ]);
                 codes.push(...createObjectPropertyCode([
-                    propName,
+                    attrNameText,
                     'template',
                     [prop.loc.start.offset, prop.loc.start.offset + prop.name.length],
                     {
                         ...caps_attr,
                         rename: {
                             normalize: shared_1.camelize,
-                            apply: getRenameApply(prop.name),
+                            apply: camelized ? shared_1.hyphenate : noEditApply,
                         },
                     },
                 ], prop.loc.name_1 ?? (prop.loc.name_1 = {})));
@@ -950,30 +947,6 @@ function generate(ts, compilerOptions, vueCompilerOptions, sourceTemplate, sourc
                     caps_diagnosticOnly,
                 ]);
                 codes.push(', ');
-                // original name
-                if (attrNameText !== propName) {
-                    codes.push(...createObjectPropertyCode([
-                        attrNameText,
-                        'template',
-                        prop.loc.start.offset,
-                        {
-                            ...caps_attr,
-                            rename: {
-                                normalize: shared_1.camelize,
-                                apply: getRenameApply(prop.name),
-                            },
-                        },
-                    ], prop.loc.name_2 ?? (prop.loc.name_2 = {})));
-                    codes.push(': (');
-                    if (prop.value) {
-                        generateAttrValue(prop.value);
-                    }
-                    else {
-                        codes.push('true');
-                    }
-                    codes.push(')');
-                    codes.push(', ');
-                }
             }
             else if (prop.type === 7 /* CompilerDOM.NodeTypes.DIRECTIVE */
                 && prop.name === 'bind'

package/out/types.d.ts

@@ -14,6 +14,7 @@ export interface VueCompilerOptions {
     jsxSlots: boolean;
     strictTemplates: boolean;
     skipTemplateCodegen: boolean;
+    nativeTags: string[];
     dataAttributes: string[];
     htmlAttributes: string[];
     optionsWrapper: [string, string] | [];

package/out/utils/directorySharedTypes.js

@@ -11,21 +11,17 @@ type __VLS_IntrinsicElements = __VLS_PickNotAny<import('vue/jsx-runtime').JSX.In
 type __VLS_Element = __VLS_PickNotAny<import('vue/jsx-runtime').JSX.Element, JSX.Element>;
 
 type __VLS_IsAny<T> = boolean extends (T extends never ? true : false) ? true : false;
-type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
+type __VLS_PickNotAny<A, B> = __VLS_IsAny<A & {}> extends true ? B : A; // & {} for https://github.com/microsoft/TypeScript/issues/54630
 
 type __VLS_Prettify<T> = {
 	[K in keyof T]: T[K];
 } & {};
 
 type __VLS_GlobalComponents =
-	// @ts-ignore
 	__VLS_PickNotAny<import('vue').GlobalComponents, {}>
-	// @ts-ignore
 	& __VLS_PickNotAny<import('@vue/runtime-core').GlobalComponents, {}>
-	// @ts-ignore
 	& __VLS_PickNotAny<import('@vue/runtime-dom').GlobalComponents, {}>
 	& Pick<typeof import('${vueCompilerOptions.lib}'),
-		// @ts-ignore
 		'Transition'
 		| 'TransitionGroup'
 		| 'KeepAlive'

package/out/utils/transform.js

@@ -88,8 +88,7 @@ function walkInterpolationFragment(ts, code, ast, cb, localVars, identifiers, vu
     return ctxVars;
 }
 exports.walkInterpolationFragment = walkInterpolationFragment;
-function walkIdentifiers(ts, node, cb, localVars) {
-    const blockVars = [];
+function walkIdentifiers(ts, node, cb, localVars, blockVars = [], isRoot = true) {
     if (ts.isIdentifier(node)) {
         cb(node, false);
     }
@@ -97,26 +96,27 @@ function walkIdentifiers(ts, node, cb, localVars) {
         cb(node.name, true);
     }
     else if (ts.isPropertyAccessExpression(node)) {
-        walkIdentifiers(ts, node.expression, cb, localVars);
+        walkIdentifiers(ts, node.expression, cb, localVars, blockVars, false);
     }
     else if (ts.isVariableDeclaration(node)) {
         colletVars(ts, node.name, blockVars);
-        for (const varName of blockVars)
+        for (const varName of blockVars) {
             localVars[varName] = (localVars[varName] ?? 0) + 1;
+        }
         if (node.initializer)
-            walkIdentifiers(ts, node.initializer, cb, localVars);
+            walkIdentifiers(ts, node.initializer, cb, localVars, blockVars, false);
     }
     else if (ts.isArrowFunction(node)) {
         const functionArgs = [];
         for (const param of node.parameters) {
             colletVars(ts, param.name, functionArgs);
             if (param.type) {
-                walkIdentifiers(ts, param.type, cb, localVars);
+                walkIdentifiers(ts, param.type, cb, localVars, blockVars, false);
             }
         }
         for (const varName of functionArgs)
             localVars[varName] = (localVars[varName] ?? 0) + 1;
-        walkIdentifiers(ts, node.body, cb, localVars);
+        walkIdentifiers(ts, node.body, cb, localVars, blockVars, false);
         for (const varName of functionArgs)
             localVars[varName]--;
     }
@@ -125,18 +125,18 @@ function walkIdentifiers(ts, node, cb, localVars) {
             if (ts.isPropertyAssignment(prop)) {
                 // fix https://github.com/vuejs/language-tools/issues/1176
                 if (ts.isComputedPropertyName(prop.name)) {
-                    walkIdentifiers(ts, prop.name.expression, cb, localVars);
+                    walkIdentifiers(ts, prop.name.expression, cb, localVars, blockVars, false);
                 }
-                walkIdentifiers(ts, prop.initializer, cb, localVars);
+                walkIdentifiers(ts, prop.initializer, cb, localVars, blockVars, false);
             }
             // fix https://github.com/vuejs/language-tools/issues/1156
             else if (ts.isShorthandPropertyAssignment(prop)) {
-                walkIdentifiers(ts, prop, cb, localVars);
+                walkIdentifiers(ts, prop, cb, localVars, blockVars, false);
             }
             // fix https://github.com/vuejs/language-tools/issues/1148#issuecomment-1094378126
             else if (ts.isSpreadAssignment(prop)) {
                 // TODO: cannot report "Spread types may only be created from object types.ts(2698)"
-                walkIdentifiers(ts, prop.expression, cb, localVars);
+                walkIdentifiers(ts, prop.expression, cb, localVars, blockVars, false);
             }
         }
     }
@@ -145,10 +145,23 @@ function walkIdentifiers(ts, node, cb, localVars) {
         node.forEachChild(node => walkIdentifiersInTypeReference(ts, node, cb));
     }
     else {
-        node.forEachChild(node => walkIdentifiers(ts, node, cb, localVars));
+        const _blockVars = blockVars;
+        if (ts.isBlock(node)) {
+            blockVars = [];
+        }
+        node.forEachChild(node => walkIdentifiers(ts, node, cb, localVars, blockVars, false));
+        if (ts.isBlock(node)) {
+            for (const varName of blockVars) {
+                localVars[varName]--;
+            }
+        }
+        blockVars = _blockVars;
+    }
+    if (isRoot) {
+        for (const varName of blockVars) {
+            localVars[varName]--;
+        }
     }
-    for (const varName of blockVars)
-        localVars[varName]--;
 }
 function walkIdentifiersInTypeReference(ts, node, cb) {
     if (ts.isTypeQueryNode(node) && ts.isIdentifier(node.exprName)) {

package/out/utils/ts.js

@@ -153,6 +153,27 @@ function getPartialVueCompilerOptions(ts, tsConfigSourceFile) {
         }
     }
 }
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element
+const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' +
+    'header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' +
+    'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' +
+    'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' +
+    'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' +
+    'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' +
+    'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' +
+    'option,output,progress,select,textarea,details,dialog,menu,' +
+    'summary,template,blockquote,iframe,tfoot';
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Element
+const SVG_TAGS = 'svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,' +
+    'defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,' +
+    'feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,' +
+    'feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' +
+    'feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,' +
+    'fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,' +
+    'foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,' +
+    'mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,' +
+    'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' +
+    'text,textPath,title,tspan,unknown,use,view';
 function resolveVueCompilerOptions(vueOptions) {
     const target = vueOptions.target ?? 3.3;
     const lib = vueOptions.lib || (target < 2.7 ? '@vue/runtime-dom' : 'vue');
@@ -164,6 +185,14 @@ function resolveVueCompilerOptions(vueOptions) {
         jsxSlots: vueOptions.jsxSlots ?? false,
         strictTemplates: vueOptions.strictTemplates ?? false,
         skipTemplateCodegen: vueOptions.skipTemplateCodegen ?? false,
+        nativeTags: vueOptions.nativeTags ?? [...new Set([
+                ...HTML_TAGS.split(','),
+                ...SVG_TAGS.split(','),
+                // fix https://github.com/johnsoncodehk/volar/issues/1340
+                'hgroup',
+                'slot',
+                'component',
+            ])],
         dataAttributes: vueOptions.dataAttributes ?? [],
         htmlAttributes: vueOptions.htmlAttributes ?? ['aria-*'],
         optionsWrapper: vueOptions.optionsWrapper ?? (target >= 2.7

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/language-core",
-	"version": "1.7.11",
+	"version": "1.7.13",
 	"main": "out/index.js",
 	"license": "MIT",
 	"files": [
@@ -13,8 +13,8 @@
 		"directory": "packages/vue-language-core"
 	},
 	"dependencies": {
-		"@volar/language-core": "1.7.4",
-		"@volar/source-map": "1.7.4",
+		"@volar/language-core": "1.7.5",
+		"@volar/source-map": "1.7.5",
 		"@vue/compiler-dom": "^3.3.0",
 		"@vue/reactivity": "^3.3.0",
 		"@vue/shared": "^3.3.0",
@@ -34,5 +34,5 @@
 			"optional": true
 		}
 	},
-	"gitHead": "8ed51477115bf67f73eb74653b2770e5d9d586f0"
+	"gitHead": "32d5d5e4414f97b0dc28cd727a9cecf60acd4e97"
 }