From 4a9093b1f8059e53dc5880faefc207c27287c5fb Mon Sep 17 00:00:00 2001 From: baiwusanyu-c <740132583@qq.com> Date: Tue, 16 May 2023 14:42:54 +0800 Subject: [PATCH 1/2] chore(compiler-sfc): enhanced `:deep` warnings --- packages/compiler-sfc/src/style/pluginScoped.ts | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/packages/compiler-sfc/src/style/pluginScoped.ts b/packages/compiler-sfc/src/style/pluginScoped.ts index 1dcc248ad71..46774e84321 100644 --- a/packages/compiler-sfc/src/style/pluginScoped.ts +++ b/packages/compiler-sfc/src/style/pluginScoped.ts @@ -129,10 +129,18 @@ function rewriteSelector( } else { // DEPRECATED usage // .foo ::v-deep .bar -> .foo[xxxxxxx] .bar - warn( - `::v-deep usage as a combinator has ` + - `been deprecated. Use :deep() instead.` - ) + if (value === '::v-deep') { + warn( + `::v-deep usage as a combinator has ` + + `been deprecated. Use :deep() instead.` + ) + } else { + warn( + `The usage of :deep is not standardized ` + + `please use :deep() instead of :deep .` + ) + } + const prev = selector.at(selector.index(n) - 1) if (prev && isSpaceCombinator(prev)) { selector.removeChild(prev) From 13d776c5818cf99cd01fbdfc22857645cc459aaf Mon Sep 17 00:00:00 2001 From: Evan You Date: Tue, 11 Jul 2023 17:33:48 +0800 Subject: [PATCH 2/2] Update pluginScoped.ts --- packages/compiler-sfc/src/style/pluginScoped.ts | 15 ++++----------- 1 file changed, 4 insertions(+), 11 deletions(-) diff --git a/packages/compiler-sfc/src/style/pluginScoped.ts b/packages/compiler-sfc/src/style/pluginScoped.ts index 46774e84321..f6e9be2fde7 100644 --- a/packages/compiler-sfc/src/style/pluginScoped.ts +++ b/packages/compiler-sfc/src/style/pluginScoped.ts @@ -129,17 +129,10 @@ function rewriteSelector( } else { // DEPRECATED usage // .foo ::v-deep .bar -> .foo[xxxxxxx] .bar - if (value === '::v-deep') { - warn( - `::v-deep usage as a combinator has ` + - `been deprecated. Use :deep() instead.` - ) - } else { - warn( - `The usage of :deep is not standardized ` + - `please use :deep() instead of :deep .` - ) - } + warn( + `${value} usage as a combinator has been deprecated. ` + + `Use :deep() instead of ${value} .` + ) const prev = selector.at(selector.index(n) - 1) if (prev && isSpaceCombinator(prev)) {