Single File Component Format: add support for <style scoped>

[mrjones2014]

add support for the <style scoped> tag in the single file component format

[rafaesc]

Amazing job!

Thanks for the PR, can you add a documentation of this feature, on this page?

https://github.com/vue-styleguidist/vue-styleguidist/blob/master/docs/Documenting.md#usage-examples-and-readme-files

Regards!

[mrjones2014]

@rafaesc added the requested documentation!

[rafaesc]

Thank @mrjones2014

I will review it

[rafaesc]

Awesome job,

only I added scopeId to add the classname the easier
https://github.com/vue-styleguidist/vue-styleguidist/blob/master/src/rsg-components/Preview/Preview.js#L168

[nicooprat]

Looks like scoped attribute messes with before/after pseudo selectors, here's what is output:

<style data-cssscoper="true">
.wrapper[data-v-2011] {
  background-color: red;
}
.wrapper:before[data-v-2011] {
  content: '';
}
</style>

The second selector should be:

.wrapper[data-v-2011]:before

Did I miss something? Should i open a new issue? Thanks.

[elevatebart]

Hello nicooprat, yes if you think it’s a bug you should. And I believe this is a bug in our scoped polyfill.