search

bencodezen / vue-enterprise-boilerplate

An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI.
7.77k stars 1.32k forks source link

::v-deep stylelint problem #190

Closed plehnen closed 4 years ago

plehnen commented 4 years ago

I've just updated my project (based on vue-enterprise-boilerplate) to the latest package.json and noticed that the css selector /deep/ is not working anymore.

Apparently this is considered deprecated and we have to use ::v-deep now - which is fine, but stylelint is currently not accepting this out of the box.

Adding the rule:

'selector-pseudo-element-no-unknown': [
      true,
      {
        ignorePseudoElements: ['v-deep']
      }
    ]

to stylelint.config.js fixes this.

chrisvfritz commented 4 years ago

Thanks for reporting the issue and solution! I'm going to leave the rule out of the stylelint config though, since the boilerplate uses CSS modules where this strategy is preferred.