VUE3 :deep() 无效

1. 解决方案 （任选其一）
   1.1 升级vite版本到4.2.1以上（推荐）
   1.2 添加父标签，使用以下写法（官网示例）

    ```
     <style scoped>
    	.a :deep(.b) {
    	  /* ... */
    	}
    </style>
    ```
    上面的代码会被编译成：
    ```
    .a[data-v-f3f3eg9] .b {
    	  /* ... */
    	}
    ```
   

2. 场景复现（无父标签）

   使用:deep() 添加样式无效

   <template>
     <a-comp class="pdf-preview"> </a-comp>
   <template>
   <style lang="scss" scoped>
   .pdf-preview {
     :deep(.xx) {
         padding: 0;
     }
    }
   </style>
   

3. 问题原因

   针对1.1

   vite 4.2.1 以上 新版本官方支持不带父级标签也可以生效

   针对1.2

   原因：使用scoped的时候，在 html 的标签中会生成data-v-xxx的一个属性，样式穿透就是利用的这个属性生成的css；

   而在 vue3 中，我们可以在template下不使用一个标签来包裹全部内容，而此时el-dialog在第一层的情况下就没有对应的data-v-xxx父级元素标签，所以样式穿透也就无效了.