fix(VFileInput): expose InputHTMLAttributes type

[yuwu9145]

fix #17069

It is supported in v2

InputHTMLAttributes including accept should be type supported in VFileInput.

input attributes like accept will be passed to input via attributes

Allows users to safely specify any legit input(file) attributes. e.g. autofocus, accept ...

Description

fix #17069

Markup:

<template>
  <v-app>
    <v-main>
      
      <v-file-input id="a" autofocus accept="image/png, image/jpeg"></v-file-input>
    </v-main>
  </v-app>
</template>

<script lang="ts">

</script>

[KaelWD]

This shouldn't be necessary, we don't want to list every possible html attribute in the docs:

Arbitrary attributes should be supported on every component:

https://discord.com/channels/340160225338195969/660898563139567625/1091801131128205423

[KaelWD]

declare module '@vue/runtime-core' {
  export interface AllowedComponentProps {
    [key: string]: any;
  }
}

I don't think we should include this ourselves though

[yuwu9145]

This shouldn't be necessary, we don't want to list every possible html attribute in the docs:

InputHTMLAttributes should not be in our docs. However, they should be in the same category as "class" "style" whose types should be allowed by default. Current runtime behaviour is these attributes are being passed to input tag via { ...inputAttrs } (if you inspect VInput, you will see accept & autofocus are rendered into the dom), the problem is this isn't reflected in type check.

Arbitrary attributes should be supported on every component:

I agree with you, this should not be in our end. Having said this, allowing arbitrary attributes does not mean allowing arbitrary values , we will still need InputHTMLAttributes to guard attr values are in correct type:

[yuwu9145]

declare module '@vue/runtime-core' {
export interface AllowedComponentProps {
[key: string]: any;
}
}
I don't think we should include this ourselves though

vuejs/language-tools#1077 (comment)

@KaelWD I tested in my local , user can define arbitrary attributes types via AllowedComponentProps in their end. It is working in my local when I made a shim.d.ts file in packages/vuetify/dev/shim.d.ts

[websitevirtuoso]

I have no idea why we need this but I can set any attr to any elements. I also use vite +TS and everything works. it doesn't make sense define each attr for TS. It can be added in docs or somewhere else I think

[johnleider]

What updates are needed to this PR to make it viable @KaelWD @nekosaur ?

[KaelWD]

Closing in favour of #17082