Skip to content

scss nesting not working with vue scoped style #235

Description

@mattiaz9

It seems like it doesn't support nesting scss classes with the scoped flag

example:

<style lang="scss" scoped>
.my-component {
  ...

  &-title {
    ...
  }
}
</style>

error:

[!] (plugin styles) Error: Selector "[data-v-ebdb1a83]" can't have a suffix
2   │ .my-component[data-v-ebdb1a83] {
    │              ^^^^^^^^^^^^^^^^^ outer selector
... │
12  │ &-title[data-v-ebdb1a83] {
    │ ━━━━━━━ parent selector

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions