title: How to use ::v-deep(<inner-selector>) in vue?
body: <p>I am trying to apply existing style class to child element which will loaded using <code>v-html</code>, Since <code>/deep/</code> and <code>&gt;&gt;&gt;</code> is deprecated i tried with <code>::v-deep</code> in vue.</p>
  <pre><code>&lt;template&gt;
  &lt;div v-else v-html=&quot;childHtml&quot; class=&quot;parent-class&quot;&gt;&lt;/div&gt;
  &lt;/template&gt;
  
  &lt;style scoped&gt;
  .parent-class ::v-deep .child-class {
    border: unset;
    border-radius: 2px;
    margin: 0 auto;
    margin-bottom: 2%;
    background-color: #fff;
    box-sizing: border-box;
    zoom: 70%;
  }
  &lt;/style&gt;
  </code></pre>
  <p>But vue compiler says, *::v-deep usage as a combinator has been deprecated. Use ::v-deep() instead. (using Vue 3.0.0-beta.1)</p>
  <p>How to use ::v-deep() and get rid of this compilation error ??</p>
  <p>please help, Thanks in advance</p>