Fix scoped styles

Author: tronsha

src/Utils/StyleBuilder.php

@@ -101,10 +101,15 @@ public function compile(?DOMElement $styleElement): ?string
             );
             foreach ($matches as $match) {
                 $selectors = explode(',', $match[0]);
+                $selectorsCount = count($selectors);
+                $count = 0;
                 foreach ($selectors as $selector) {
+                    if (++$count < $selectorsCount) {
+                        $selector .= ',';
+                    }
                     $regex = strpos($selector, '/deep/') !== false
                         ? '/((?:^|\s)\s*[^@\s][a-z0-9-_]+?)((?::{1,2}[a-z-]+)?\s*)(?:\/deep\/)/i'
-                        : '/((?:^|\s)\s*[^@\s][a-z0-9-_]+?)((?::{1,2}[a-z-]+)?\s*(?:[{]|$))/i';
+                        : '/((?:^|\s)\s*[^@\s][a-z0-9-_]+?)((?::{1,2}[a-z-]+)?\s*(?:[,{]|$))/i';
                     $style = str_replace(
                         $selector,
                         preg_replace($regex, '$1[' . $this->scopedAttribute . ']$2', $selector),

tests/fixtures/style-block-scoped/style-block-scoped-4.twig

@@ -0,0 +1,2 @@
+<style>.grow-enter[data-v-de62703e2bdacde95c4bc73d69f14aa5], .grow-leave-to[data-v-de62703e2bdacde95c4bc73d69f14aa5] { width: 0 !important; }.grow-enter-active[data-v-de62703e2bdacde95c4bc73d69f14aa5], .grow-leave-active[data-v-de62703e2bdacde95c4bc73d69f14aa5] { transition: width 0.6s ease; }</style>
+<div class="bar {{ class|default('') }}" data-v-de62703e2bdacde95c4bc73d69f14aa5 {{ dataScopedStyleAttribute|default('') }} style="{{ style|default('') }}"></div>

tests/fixtures/style-block-scoped/style-block-scoped-4.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="bar">
+  </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component } from 'vue-property-decorator';
+
+@Component
+export default class Progressbar extends Vue {
+}
+</script>
+
+<style lang="scss" scoped>
+  .grow-enter,
+  .grow-leave-to {
+    width: 0 !important;
+  }
+  .grow-enter-active,
+  .grow-leave-active {
+    transition: width 0.6s ease;
+  }
+</style>