target: 2.7 throws error on aria-hidden attribute

[sodatea]

Reproduction: https://stackblitz.com/edit/vitejs-vite-neriqf?file=src/App.vue
(Run npm run build to see the error)

Source code in App.vue:

  <button>
      <span class="fa fa-tweet" aria-hidden="true"></span>
      <span class="label"> Tweet </span>
    </button>

Error on type-checking:

src/App.vue:20:33 - error TS2322: Type '{ class: string; ariaHidden: string; "aria-hidden": "true"; }' is not assignable to type 'ElementAttrs<HTMLAttributes>'.
  Property 'ariaHidden' does not exist on type 'ElementAttrs<HTMLAttributes>'. Did you mean ''aria-hidden''?

20       <span class="fa fa-tweet" aria-hidden="true"></span>
                                   ~~~~~~~~~~~


Found 1 error in src/App.vue:20

[xiaoxiangmoe]

@johnsoncodehk @yyx990803

https://github.com/johnsoncodehk/volar/blob/152063583e0c167da6237115d6d29eb62c21c04c/packages/vue-typescript/src/lsContext.ts#L310-L318

It seems that Volar is relying on the filename runtime-dom.d.ts. Relying on filenames does not seem to be a good behavior. Seems like we need to get volar and vue to negotiate a more stable interface.

[rossinek]

I experienced the same problem and even created a simple reproduction (because I did not notice this thread):
https://stackblitz.com/edit/github-5pgg1d (run npm run tsc to see errors).

As you may notice neither expanding custom attrs nor default suppressing errors seems to work (unless I'm doing something wrong).