1.4.0 bug with e.g <v-btn type="submit" />

[patroza]

repro @ https://github.com/patroza/vite-vue-volar-bug/commit/e5662a59fb37aa3921c1c19f1f5de8be0914483b

<v-btn :disabled="false" type="submit">hello</v-btn>

vscode error:

Argument of type '{ disabled: false; type: string; }' is not assignable to parameter of type 'Partial<{ symbol: any; replace: boolean; flat: boolean; exact: boolean; block: boolean; active: boolean; disabled: boolean; size: string | number; tag: string; rounded: string | number | boolean; density: Density; variant: NonNullable<...>; stacked: boolean; ripple: boolean; }> & Omit<...>'.\n  Object literal may only specify known properties, and 'type' does not exist in type 'Partial<{ symbol: any; replace: boolean; flat: boolean; exact: boolean; block: boolean; active: boolean; disabled: boolean; size: string | number; tag: string; rounded: string | number | boolean; density: Density; variant: NonNullable<...>; stacked: boolean; ripple: boolean; }> & Omit<...>'.

pnpm build error:

src/App.vue:6:28 - error TS2345: Argument of type '{ disabled: false; type: string; }' is not assignable to parameter of type 'Partial<{ symbol: any; replace: boolean; flat: boolean; exact: boolean; block: boolean; active: boolean; disabled: boolean; size: string | number; tag: string; rounded: string | number | boolean; density: Density; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; stacked: boolean; ripple: boolean; }> & Omit<{ symbol: any; replace: boolean; flat: boolean; exact: boolean; block: boolean; disabled: boolean; size: string | number; tag: string; density: Density; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; stacked: boolean; ripple: boolean; } & { location?: Anchor | undefined; height?: string | number | undefined; width?: string | number | undefined; active?: boolean | undefined; border?: string | number | boolean | undefined; color?: string | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined; ... 10 more ...; appendIcon?: IconValue | undefined; } & ... 5 more ... & ComponentCustomProps, "symbol" | ... 12 more ... | "ripple">'.
  Object literal may only specify known properties, and 'type' does not exist in type 'Partial<{ symbol: any; replace: boolean; flat: boolean; exact: boolean; block: boolean; active: boolean; disabled: boolean; size: string | number; tag: string; rounded: string | number | boolean; density: Density; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; stacked: boolean; ripple: boolean; }> & Omit<{ symbol: any; replace: boolean; flat: boolean; exact: boolean; block: boolean; disabled: boolean; size: string | number; tag: string; density: Density; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; stacked: boolean; ripple: boolean; } & { location?: Anchor | undefined; height?: string | number | undefined; width?: string | number | undefined; active?: boolean | undefined; border?: string | number | boolean | undefined; color?: string | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined; ... 10 more ...; appendIcon?: IconValue | undefined; } & ... 5 more ... & ComponentCustomProps, "symbol" | ... 12 more ... | "ripple">'.

6   <v-btn :disabled="false" type="submit">
                             ~~~~


Found 1 error in src/App.vue:6

broken since 1.4.0, works fine with the previous version.

[seattlewayne]

I am running into the same problem with adding a download property to my button. This worked for me until 1.4.0 as well.

  <v-btn
    :href="createDownloadContent()"
    download="samplefile.txt"
  >

It looks like vue-tsc is throwing an error for props that are passed through.

[nowo]

I'm using element-plus, which also gets a lot of wrong type notifications

I am using Element Plus, which also receives many error type notifications. I chose to revert back to the previous version v1.2.0 and it works fine

[JJLee9527]

Same issue here ✋

[xue-lei]

Same issue here ✋

[MrSong0607]

Same issue here ✋