1. Чтобы узнать, какие данные находятся внутри слота, необходимо проверить содержимое слота. Слот - это область внутри компонента, куда можно передать различные элементы или компоненты для отображения.
Для этого можно воспользоваться инспектором элементов в браузере или вывести содержимое слота с помощью директивы v-slot в шаблоне компонента. Например:
```
<template>
<div>
<slot></slot>
</div>
</template>
```
Здесь компонент выводит содержимое слота с помощью директивы `<slot></slot>`. При использовании данного компонента и передаче данных в слот, можно увидеть, какие данные содержатся внутри слота.
2. Чтобы наложить стили на родительский компонент Drawer при открытии вложенного компонента Drawer через slot, можно использовать CSS классы.
В родительском компоненте Drawer можно задать класс, который будет изменять вид компонента при открытии вложенного компонента Drawer. Например:
```CSS
<style>
.open .drawer {
background-color: red;
}
</style>
```
Здесь .open - это класс, который будет добавлен на родительский компонент при открытии вложенного компонента Drawer. Класс .drawer - это CSS класс, который можно задать вложенному компоненту Drawer для настройки его стиля.
В шаблоне родительского компонента можно добавить условие для добавления класса .open, когда вложенный компонент Drawer открыт. Например:
```HTML
<template>
<div :class="{'open': isOpen}">
<slot></slot>
</div>
</template>
```
Здесь isOpen - это данные, которые указывают на состояние открытия вложенного компонента Drawer. При их изменении, добавляется или удаляется класс .open на родительский компонент, что приводит к изменению стиля.