Add proper unknown attribute detection

[TheDutchCoder]

As referenced in previous issues (e.g. #1386) Volar currently does not correctly detect all HTML attributes while simultaneously detecting invalid ones.

Example that will throw an error when experimentalSuppressUnknownJsxPropertyErrors is disabled:

<div data-test-id="root">
  Root
</div>

Example that doesn't (but should) throw an error when experimentalSuppressUnknownJsxPropertyErrors is enabled:

<div foo="bar">
  Root
</div>

The correct functionality would be only foo throwing an error:

<div data-test-id="root" foo="bar">
  Root
</div>

[johnsoncodehk]

experimentalSuppressUnknownJsxPropertyErrors and experimentalSuppressInvalidJsxElementTypeErrors will be replace by strictTemplates in next version.

Volar currently does not correctly detect all HTML attributes while simultaneously detecting invalid ones.

When strictTemplates is true, all props / attrs is parse with Camel case as trade-off to avoid this problem, it mean you should always define props with Camel case on strict mode.

defineProps<{
-	'my-prop': string
+	myProp: string
}>

The correct functionality would be only foo throwing an error:

Volar will not special handle data-* to avoid #1413.

[johnsoncodehk]

Replenish: you can define HTMLAttributes interface to allow data-*: #1077 (comment)