title: Vue scoped styling not working with elements that have been added inside a slot
body: <p>Moving my styling to a locale setup but seeing that when I insert element into slot containers they will not work. I guess this is normal if so is there a way to solve this, keep in mind NO I am not going to place the parent (.child) styling in the parent component and NO I want to keep my CSS in seperate scss files.</p>
  <p>component (parent)</p>
  <pre><code>&lt;template&gt;
     &lt;wrapper&gt;
         &lt;div class=&quot;child&quot;&gt;Hello&lt;/div&gt;
     &lt;/wrapper&gt;
  &lt;/template&gt;
  </code></pre>
  <p>component (wrapper called)</p>
  <pre><code>&lt;template&gt;
     &lt;div class=&quot;wrapper&quot;&gt;
         &lt;slot&gt;&lt;/slot&gt;
     &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;style lang=&quot;scss&quot; scoped&gt;
  @import &quot;../../../sass/components/_container.scss&quot;;
  &lt;/style&gt;
  </code></pre>
  <p>container.scss</p>
  <pre><code>.wrapper{
      background-color:#333;
  
      .child{
           background-color:#fff;// not doing anything
      }
  }
  </code></pre>