Skip to content

vue-scoped-css/v-deep-pseudo-style

enforce :deep()/::v-deep() style

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

📖 Rule Details

This rule enforces deep pseudo style which you should use :deep() or ::v-deep().

Now loading...

🔧 Options

json
{
  "vue-scoped-css/v-deep-pseudo-style": [
    "error",
    ":deep" // or "::v-deep"
  ]
}
  • ":deep" (default) ... requires using :deep().
  • "::v-deep" ... requires using ::v-deep().

📚 Further reading

Implementation