Merge pull request #89 from tronsha/bugfix/style-deep-regex

Fix style regex

Author: tronsha

src/Utils/StyleBuilder.php

@@ -94,7 +94,7 @@ public function compile(?DOMElement $styleElement): ?string
         if ($styleElement->hasAttribute('scoped')) {
             $this->hasScoped = true;
             preg_match_all(
-                '/(?:^|\s)\s*[^@\s][\.a-z0-9-_:,\/\s]+?\s*[{]/i',
+                '/(?:^|\s)\s*[^@\s][\.a-z0-9-_:,\(\)\/\s]+?\s*[{]/i',
                 $style,
                 $matches,
                 PREG_SET_ORDER

tests/fixtures/style-block-scoped/style-block-scoped-deep-2.twig

@@ -0,0 +1,10 @@
+<style>
+    .foo[data-v-847688d9dc643995a8ff92078036c174] li:nth-child(2) { color: purple; }
+</style>
+<div data-v-847688d9dc643995a8ff92078036c174 {{ dataScopedStyleAttribute|default('') }} class="{{ class|default('') }}" style="{{ style|default('') }}">
+    <ul class="foo" data-v-847688d9dc643995a8ff92078036c174>
+        <li data-v-847688d9dc643995a8ff92078036c174>foo</li>
+        <li data-v-847688d9dc643995a8ff92078036c174>bar</li>
+        <li data-v-847688d9dc643995a8ff92078036c174>baz</li>
+    </ul>
+</div>

tests/fixtures/style-block-scoped/style-block-scoped-deep-2.vue

@@ -0,0 +1,20 @@
+<template>
+<div>
+  <ul class="foo">
+    <li>foo</li>
+    <li>bar</li>
+    <li>baz</li>
+  </ul>
+</div>
+</template>
+
+<style scoped>
+  .foo /deep/ li:nth-child(2) {
+   color: purple;
+  }
+</style>
+
+<script>
+    export default {
+    }
+</script>