refactor: fix some deprecation warnings

CONTRIBUTING.md

@@ -4,8 +4,7 @@
 
 ### 快速上手
 
-Vue DevUI 使用 `pnpm` 构建 `monorepo` 仓库，你应该使用 [pnpm 6.x](https://www.pnpm.cn/) 包管理器，以确保不会因为包管理器的不同而引发异常。
-> pnpm 7.x 发生了[break change](https://github.com/pnpm/pnpm/releases/tag/v7.0.0)，如要使用pnpm 7.x 请自行更新`package.json`的script，例如本地启动：`pnpm --filter vue-devui dev`，其他修改可以查阅上述链接。
+Vue DevUI 使用 `pnpm` 构建 `monorepo` 仓库，你可以使用`npm install -g pnpm`安装 `pnpm` 工具。
 
 如果你想参与 `devui-vue` 的开发或者测试：
 

packages/devui-vue/docs/.vitepress/demo/Demo.vue

@@ -78,7 +78,7 @@ export default {
     const pathArr = ref(route.path.split('/'));
     const component = computed(() => pathArr.value[pathArr.value.length - 1].split('.')[0]);
     const DemoComponent =
-      props.demoList?.[props.targetFilePath]?.default ?? defineAsyncComponent(() => import(/* vite-ignore */ props.targetFilePath));
+      props.demoList?.[props.targetFilePath]?.default ?? defineAsyncComponent(() => import(/* @vite-ignore */ props.targetFilePath));
     watch(
       () => route.path,
       (path) => {

packages/devui-vue/docs/.vitepress/devui-theme/components/BuySellAds.vue

@@ -72,7 +72,7 @@ function load() {
   background-color: var(--c-bg-accent);
 }
 
-.bsa-cpc ::v-deep(a._default_) {
+.bsa-cpc :deep(a._default_) {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
@@ -85,28 +85,28 @@ function load() {
 }
 
 @media (min-width: 512px) {
-  .bsa-cpc ::v-deep(a._default_) {
+  .bsa-cpc :deep(a._default_) {
     flex-wrap: nowrap;
   }
 }
 
-.bsa-cpc ::v-deep(.default-ad) {
+.bsa-cpc :deep(.default-ad) {
   display: none;
 }
 
-.bsa-cpc ::v-deep(a._default_ .default-image) {
+.bsa-cpc :deep(a._default_ .default-image) {
   flex-shrink: 0;
   margin-right: 12px;
   width: 24px;
 }
 
-.bsa-cpc ::v-deep(a._default_ .default-image img) {
+.bsa-cpc :deep(a._default_ .default-image img) {
   border-radius: 4px;
   height: 24px;
   vertical-align: middle;
 }
 
-.bsa-cpc ::v-deep(._default_::after) {
+.bsa-cpc :deep(._default_::after) {
   border: 1px solid #1c90f3;
   border-radius: 4px;
   margin-top: 8px;
@@ -120,29 +120,29 @@ function load() {
 }
 
 @media (min-width: 512px) {
-  .bsa-cpc ::v-deep(._default_::after) {
+  .bsa-cpc :deep(._default_::after) {
     margin-top: 0px;
     margin-left: 12px;
   }
 }
 
-.bsa-cpc ::v-deep(.default-text) {
+.bsa-cpc :deep(.default-text) {
   flex-grow: 1;
   align-self: center;
   width: calc(100% - 36px);
 }
 
 @media (min-width: 512px) {
-  .bsa-cpc ::v-deep(.default-text) {
+  .bsa-cpc :deep(.default-text) {
     width: auto;
   }
 }
 
-.bsa-cpc ::v-deep(.default-title) {
+.bsa-cpc :deep(.default-title) {
   font-weight: 600;
 }
 
-.bsa-cpc ::v-deep(.default-description) {
+.bsa-cpc :deep(.default-description) {
   padding-left: 8px;
 }
 </style>

packages/devui-vue/docs/.vitepress/devui-theme/components/PageContributor.vue

@@ -41,7 +41,7 @@ const validContributors = computed(() => {
     padding: 10px 10px 0;
   }
 
-  ::v-deep .devui-avatar-img {
+  :deep(.devui-avatar-img) {
     display: block;
   }
 }