slotProps Typescript

[MichaelVonB]

[x] bug report

Current behavior

I am using typescript with vue-tsc --noEmit && vite build
<Timeline :value="stateList" align="top" layout="horizontal">
        <template #content="slotProps">
          <h5>{{ slotProps.item }}</h5>
        </template>
...
</Timeline>

But I am getting the error
Property 'item' does not exist on type 'VNode<RendererNode, RendererElement, { [key: string]: any; }>[]'.

{{ slotProps.item }}

Expected behavior
Types should be declared

Minimal reproduction of the problem with instructions

<Timeline :value="stateList" align="top" layout="horizontal">
        <template #content="slotProps">
          <h5>{{ slotProps.item }}</h5>
        </template>
...
</Timeline>

https://codesandbox.io/s/pedantic-boyd-0mqx2?file=/src/App.vue
use Volar in Vscode or try to build using vue-tsc --no-emit and vite-build

[tugcekucukoglu]

Could you provide a codesandbox sample. I could not replicate it. https://codesandbox.io/s/dark-haze-cg49t?file=/src/App.vue

[MichaelVonB]

updated my question and provied a codesandbox. Notice that the code works its just that volar or vue-tsc does not accept it as there is something wrong with type declarations

[tugcekucukoglu]

Could you tell us your environment? With PrimeVue 3.7.2, I didn't get any error.

[MichaelVonB]

Seems like the build error is gone. Now its just a warning from Volar in VSCode

[tugcekucukoglu]

I didn't get any error from Volar in VSC. If you have a problem with build, please reopen this issue.

[johnsoncodehk]

primevue/src/components/timeline/Timeline.d.ts

Lines 12 to 17 in 2acf800

	$slots: {
	content: VNode[];
	opposite: VNode[];
	marker: VNode[];
	connector: VNode[];
	}

Component $slots type definition incorrect, it should be:

declare class Timeline {
    $props: TimelineProps;
    $slots: {
        content: (binds: ContentSlotBindings) => VNode[];
        opposite: (binds: OppositeSlotBindings) => VNode[];
        marker: (binds: MarkerSlotBindings) => VNode[];
        connector: (binds: ConnectorSlotBindings) => VNode[];
    }
}

[tugcekucukoglu]

Fixed for the next version. #1695

[m-v-peter]

this issue still exists in 3.10.0

[TBruegg]

I also encountered this issue when using the #header slot of TabPanel in 3.10.0. I therefore created #1943.