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

close #8313
vuejs · Jul 11, 2023 · 701fa73 · 701fa73
1 parent 140a89b
commit 701fa73
Showing 1 changed file with 3 additions and 2 deletions.
diff --git 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)