Как применить стили из родительского компонента для класса, переданного в слот?

Question

[Андрей]

Допустим, есть компонент, в котором есть слот.

<template lang="pug">
.my-component
    // some component data
    slot(name="hello")
</template>

<style lang="sass" scoped>
.hello
    // some styles
</style>

И я хочу, чтобы классы, описанные внутри этого компонента, применялись к блокам, которые переданы через слот.

<template lang="pug">
.another-component
    MyComponent
        template(#hello)
            .hello Blah blah blah
</template>

В данном случае понятно, что Vue определяет классы, как принадлежащие к разным scope, но убирать свойство scoped неразумно для достижения моей цели. Есть ли какой-то еще способ? Кроме дублирования правил класса .hello в каждый компонент, где он будет использоваться.

Answer 1

[Юрий]

В документации всё есть.

Comments

[Андрей]

Да, совсем забыл про v-deep. Спасибо!