title: vue3 and stylelint ,how to fix --Unexpected unknown pseudo-class selector,":deep"
body: <p>I config stylelintrc.js like this:</p>
  <pre><code>rules: {
      &quot;selector-pseudo-element-no-unknown&quot;: [true, {
        &quot;ignorePseudoClasses&quot;: [&quot;deep&quot;,&quot;&quot;]
      }]
    } 
  </code></pre>
  <p>but not ok, my vue file is here
  <img src="https://i.stack.imgur.com/2P1g6.png" alt="link" /></p>
  <p>the error is:</p>
  <blockquote>
  <p>Unexpected unknown pseudo-class selector selector-pseudo-class-no-unknown<br />
  &quot;:deep&quot;</p>
  </blockquote>
  <p>the error image is here
  <img src="https://i.stack.imgur.com/UXYfa.png" alt="link" /></p>