[Bug Report][3.5.15] table-server header-type error

[Dominic-Marcelino]

Environment

Vuetify Version: 3.5.15
Vue Version: 3.4.21
Browsers: Chrome 123.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

The expected type for the header prop of the v-data-table-server component isn't compatible with the needed format.

Expected Behavior

I'd expect the following header to be type compatible:

const headers = ref([
     {
       title: 'Dessert (100g serving)',
       align: 'start',
       sortable: false,
       key: 'name',
     },
     { title: 'Calories', key: 'calories', align: 'end' },
     { title: 'Fat (g)', key: 'fat', align: 'end' },
     { title: 'Carbs (g)', key: 'carbs', align: 'end' },
     { title: 'Protein (g)', key: 'protein', align: 'end' },
     { title: 'Iron (%)', key: 'iron', align: 'end' },
   ])

Actual Behavior

It thwows an typescript error

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Could be related to #16680 but not 100% sure

[KaelWD]

The workaround for that is as const so the string literal types are inferred correctly, but yes #16680 will allow you to import the interface instead.