Vue.js: How to type slots in Vue 3 with TypeScript?

1<template>
2    <slot :item="item" :count="count"></slot>
3</template>
4
5<script setup lang="ts">
6interface Item {
7    id: number
8    name: string
9}
10
11const item: Item = { id: 1, name: "Item" }
12const count = 10
13</script>

1<template>
2    <Child v-slot="{ item, count }">
3        {{ item.name }} - {{ count }}
4    </Child>
5</template>
6
7<script setup lang="ts">
8interface SlotProps {
9    item: { id: number; name: string }
10    count: number
11}
12
13// Type slot in child
14defineSlots<{
15    default: (props: SlotProps) => unknown
16}>()
17</script>