From: 白雾三语 <32354856+baiwusanyu-c@users.noreply.github.com>
Date: Tue, 11 Jul 2023 09:36:54 +0000 (+0800)
Subject: dx(compiler-sfc): enhance `:deep` warnings (#8328)
X-Git-Tag: v3.3.5~67
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=701fa735fc412eb9c0007f1877e5e31ef8ee84a9;p=thirdparty%2Fvuejs%2Fcore.git

dx(compiler-sfc): enhance `:deep` warnings (#8328)

close #8313
---

diff --git a/packages/compiler-sfc/src/style/pluginScoped.ts b/packages/compiler-sfc/src/style/pluginScoped.ts
index 1dcc248ad7..f6e9be2fde 100644
--- a/packages/compiler-sfc/src/style/pluginScoped.ts
+++ b/packages/compiler-sfc/src/style/pluginScoped.ts
@@ -130,9 +130,10 @@ function rewriteSelector(
           // DEPRECATED usage
           // .foo ::v-deep .bar -> .foo[xxxxxxx] .bar
           warn(
-            `::v-deep usage as a combinator has ` +
-              `been deprecated. Use :deep(<inner-selector>) instead.`
+            `${value} usage as a combinator has been deprecated. ` +
+              `Use :deep(<inner-selector>) instead of ${value} <inner-selector>.`
           )
+
           const prev = selector.at(selector.index(n) - 1)
           if (prev && isSpaceCombinator(prev)) {
             selector.removeChild(prev)