```vue ``` ```vue ``` **Слоты с условными props:** ```vue ``` **useSlots с типизацией:** ```vue ``` --- ## 📌 Реальные кейсы 🔹 **Renderless компонент (только логика через слоты):** ```vue ``` ```vue ``` --- ## Частые ошибки ❌ Передавать slot props, не объявленные в `defineSlots`: ```vue ``` ✅ Все передаваемые props должны быть в типе слота. --- ❌ Забывать, что `defineSlots` не создаёт runtime-валидацию — это только для TypeScript: ```vue ``` ✅ Это нормально — слоты и не нуждаются в runtime-валидации, достаточно compile-time. --- ❌ Не типизировать слоты в generic-компонентах — теряется главное преимущество: ```vue ``` ✅ Всегда добавляй `defineSlots` в generic-компонентах: ```vue ``` --- ## Резюме | Синтаксис | Когда | |---|---| | `defineSlots<{ default(): void }>()` | Слот без props | | `defineSlots<{ default(props: { x: T }): void }>()` | Scoped slot | | `defineSlots` + `generic="T"` | Generic scoped slot | | `useSlots()` | Проверка наличия слота в runtime | 🔑 `defineSlots` даёт типобезопасность scoped slots. В generic-компонентах slot props параметризуются через `T`, что обеспечивает сквозную типизацию от данных до шаблона. ---

Как типизировать слоты в Vue с TypeScript?