Remove /deep/ from documentation for future releases for Deep Selectors

[icithis]

What problem does this feature solve?

Chrome will no longer throw a warning regarding using /deep/ if the documentation does not suggest using it as a solution. ::v-deep should be the de facto solution.

https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors

https://developers.google.com/web/updates/2017/10/remove-shadow-piercing

What does the proposed API look like?

Some pre-processors, such as Sass, may not be able to parse >>> properly. In those cases you can use the ::v-deep combinator instead - it is an alias for >>> and works exactly the same.

[h3nr1ke]

what kind of dependencies do I need to install to make ::v-deep works? it never worked for me.

[buntafujikawa]

@h3nr1ke You can try ::v-deep like this comment. #913 (comment)

[i-break-codes]

Works perfectly for me. You need to write the rule as:

::v-deep h3 {
  /* styles goes here */
}

[joe223]

Deep combinator was removed https://drafts.csswg.org/css-scoping/#changes