Component type

[sheremet-va]

I have a typing error after the last update inside component:

Argument of type '{ is: "th" | "td"; role: string; align: string | null; }' is not assignable to parameter of type '{ is: "th" | "td"; } & ("th" | "td")'.ts(2345)

My is component is a string:

const el = computed(() => props.header ? 'th' : 'td');

<component
    :is="el"
    role="cell"
    :class="$style.tableCell"
    :align="cellAlign"
    :style="cellStyle"
>

I know I can use render function, but this code works and didn't have any typing errors in the past.

[johnsoncodehk]

v0.25.8 supported <component :is> type-checking, but unhandled pass string value to :is.

Will fix in next version, thanks to report! You can downgrade to v0.25.7 for now.

[johnsoncodehk]

Fixed in 0.25.9. And recommend you update this code to get correct type-checking with <component>.

const el = computed(() => props.header ? 'th' as const : 'td' as const);