Skip to content

Latest commit

 

History

History
41 lines (29 loc) · 1.25 KB

no-deprecated-deep-combinator.md

File metadata and controls

41 lines (29 loc) · 1.25 KB
pageClass sidebarDepth title description
rule-details
0
vue-scoped-css/no-deprecated-deep-combinator
disallow using deprecated deep combinators

vue-scoped-css/no-deprecated-deep-combinator

disallow using deprecated deep combinators

  • ⚙️ This rule is included in "plugin:vue-scoped-css/all" and "plugin:vue-scoped-css/vue3-recommended".
  • 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule reports the use of deprecated deep combinators as errors.

<style scoped>
/* ✗ BAD */
.a >>> .b {}
.a /deep/ .b {}

/* ✓ GOOD */
.a ::v-deep(.b) {} /* for Vue.js 3.x */
.a ::v-deep .b {} /* for Vue.js 2.x */
</style>

🔧 Options

Nothing.

Implementation