Допустим, есть компонент, в котором есть слот.
<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 в каждый компонент, где он будет использоваться.
Простой
