Add v-deep support

tronsha · tronsha · commit 3b258370b61c · 2022-01-03T16:12:20.000+01:00
diff --git a/src/Utils/StyleBuilder.php b/src/Utils/StyleBuilder.php
@@ -85,9 +85,7 @@ public function compile(?DOMElement $styleElement, ?string $path = null): ?strin
                 $this->scssCompiler = new ScssCompiler();
             }
             try {
-                $style = str_replace('::v-deep', '__vue_to_twig_deep_placeholder__', $style);
-                $style = $this->scssCompiler->compile($this->scssData . ' ' . $style, $path);
-                $style = str_replace('__vue_to_twig_deep_placeholder__', '::v-deep', $style);
+                $style = $this->scssCompiler->compileString($this->scssData . ' ' . $style, $path)->getCss();
             } catch (SassException $e) {
                 $style = "\n/* Warning: " . $e->getMessage() . " */\n";
             }

Original file line number	Diff line number	Diff line change
`@@ -85,9 +85,7 @@ public function compile(?DOMElement $styleElement, ?string $path = null): ?strin`
`85`	`85`	`$this->scssCompiler = new ScssCompiler();`
`86`	`86`	`}`
`87`	`87`	`try {`
`88`		`- $style = str_replace('::v-deep', '__vue_to_twig_deep_placeholder__', $style);`
`89`		`- $style = $this->scssCompiler->compile($this->scssData . ' ' . $style, $path);`
`90`		`- $style = str_replace('__vue_to_twig_deep_placeholder__', '::v-deep', $style);`
	`88`	`+ $style = $this->scssCompiler->compileString($this->scssData . ' ' . $style, $path)->getCss();`
`91`	`89`	`} catch (SassException $e) {`
`92`	`90`	`$style = "\n/* Warning: " . $e->getMessage() . " */\n";`
`93`	`91`	`}`