feat(language-service): set the kind of props inherited from intrinsic elements to Value instead of Field (#5315)

Author: KazariEX

packages/language-service/lib/plugins/vue-template.ts

@@ -327,7 +327,7 @@ export function create(
 								...attrs.map<ComponentPropInfo>(attr => ({ name: attr })),
 							]) {
 
-								const isGlobal = !propsSet.has(prop.name);
+								const isGlobal = prop.isAttribute || !propsSet.has(prop.name);
 								const name = casing.attr === AttrNameCasing.Camel ? prop.name : hyphenateAttr(prop.name);
 								const isEvent = hyphenateAttr(name).startsWith('on-');
 

packages/typescript-plugin/lib/requests/getComponentProps.ts

@@ -7,6 +7,7 @@ export interface ComponentPropInfo {
 	name: string;
 	required?: boolean;
 	deprecated?: boolean;
+	isAttribute?: boolean;
 	commentMarkdown?: string;
 	values?: string[];
 }
@@ -84,10 +85,27 @@ export function getComponentProps(
 			}
 		}
 
+		let isAttribute: boolean | undefined;
+		for (const { parent } of checker.getRootSymbols(prop).flatMap(root => root.declarations ?? [])) {
+			if (!ts.isInterfaceDeclaration(parent)) {
+				continue;
+			}
+			const { text } = parent.name;
+			if (
+				text.endsWith('HTMLAttributes')
+				|| text === 'AriaAttributes'
+				|| text === 'SVGAttributes'
+			) {
+				isAttribute = true;
+				break;
+			}
+		}
+
 		result.set(name, {
 			name,
 			required,
 			deprecated,
+			isAttribute,
 			commentMarkdown,
 			values,
 		});