From f2dc4ec6246679db409b646c855e2ebccc36fb24 Mon Sep 17 00:00:00 2001
From: DDDDD12138 <43703884+DDDDD12138@users.noreply.github.com>
Date: Wed, 31 Jul 2024 15:15:24 +0800
Subject: [PATCH] docs: update :deep() usage in sponsors-button (#17718)

chore(style): update :deep() usage in `sponsors-button`

Co-authored-by: wuzhiqing <wuzhiqing@linklogis.com>
---
 .../vitepress/components/doc-content/vp-table-of-content.vue  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/.vitepress/vitepress/components/doc-content/vp-table-of-content.vue b/docs/.vitepress/vitepress/components/doc-content/vp-table-of-content.vue
index b2dd26629a..dd78dedabe 100644
--- a/docs/.vitepress/vitepress/components/doc-content/vp-table-of-content.vue
+++ b/docs/.vitepress/vitepress/components/doc-content/vp-table-of-content.vue
@@ -56,8 +56,8 @@ const sponsor = computed(() => sponsorLocale[lang.value])
   </aside>
 </template>
 <style scoped lang="scss">
-.sponsors-button:deep {
-  button {
+.sponsors-button {
+  :deep(button) {
     width: 100%;
   }
 }