From 47fc35fd6f8e89207a1d7136c223484b0121de2a Mon Sep 17 00:00:00 2001
From: LIghtJUNction <lightjunction.me@gmail.com>
Date: Fri, 27 Mar 2026 19:10:01 +0800
Subject: [PATCH] =?UTF-8?q?chore(dashboard):=20=E5=B0=86=E5=89=A9=E4=BD=99?=
 =?UTF-8?q?=20:deep()=20=E8=BF=81=E7=A7=BB=E5=88=B0=20::v-deep()?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard/src/components/extension/PluginSortControl.vue | 8 ++++----
 dashboard/src/components/extension/SkillsSection.vue     | 4 ++--
 dashboard/src/components/shared/AstrBotConfigV4.vue      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/dashboard/src/components/extension/PluginSortControl.vue b/dashboard/src/components/extension/PluginSortControl.vue
index 2d4d78dd3..715470683 100644
--- a/dashboard/src/components/extension/PluginSortControl.vue
+++ b/dashboard/src/components/extension/PluginSortControl.vue
@@ -96,10 +96,10 @@ const toggleOrder = () => {
   max-width: 220px;
 }
 
-.plugin-sort-control__select :deep(.v-field__input),
-.plugin-sort-control__select :deep(.v-field-label),
-.plugin-sort-control__select :deep(.v-select__selection-text),
-.plugin-sort-control__select :deep(.v-field__prepend-inner) {
+.plugin-sort-control__select ::v-deep(.v-field__input),
+.plugin-sort-control__select ::v-deep(.v-field-label),
+.plugin-sort-control__select ::v-deep(.v-select__selection-text),
+.plugin-sort-control__select ::v-deep(.v-field__prepend-inner) {
   font-size: 0.875rem;
 }
 </style>
diff --git a/dashboard/src/components/extension/SkillsSection.vue b/dashboard/src/components/extension/SkillsSection.vue
index 69a9484fc..36947cd89 100644
--- a/dashboard/src/components/extension/SkillsSection.vue
+++ b/dashboard/src/components/extension/SkillsSection.vue
@@ -1897,11 +1897,11 @@ export default {
   border-radius: 14px;
 }
 
-.neo-data-table :deep(.v-data-table-header__content) {
+.neo-data-table ::v-deep(.v-data-table-header__content) {
   font-weight: 700;
 }
 
-.neo-data-table :deep(tbody tr:hover) {
+.neo-data-table ::v-deep(tbody tr:hover) {
   background: rgba(var(--v-theme-primary), 0.04);
 }
 
diff --git a/dashboard/src/components/shared/AstrBotConfigV4.vue b/dashboard/src/components/shared/AstrBotConfigV4.vue
index ca7e35d70..0eae0bacd 100644
--- a/dashboard/src/components/shared/AstrBotConfigV4.vue
+++ b/dashboard/src/components/shared/AstrBotConfigV4.vue
@@ -400,8 +400,8 @@ function getSpecialSubtype(value) {
   margin-top: 2px;
 }
 
-.config-hint :deep(a),
-.property-hint :deep(a) {
+.config-hint ::v-deep(a),
+.property-hint ::v-deep(a) {
   color: var(--v-theme-primary);
   text-decoration: underline;
 }