Fix error in template string replacement

Author: Macavity

src/Compiler.php

@@ -224,7 +224,7 @@ private function handleAttributeBinding(DOMElement $node)
                 $templateStringContent = $matches['content'];
 
                 $templateStringContent = preg_replace(
-                    '/\$\{(.+)\}/',
+                    '/\$\{([^}]+)\}/',
                     '{{ $1 }}',
                     $templateStringContent
                 );

tests/fixtures/vue-bind/binding-with-template-string-2.twig

@@ -0,0 +1,5 @@
+<div class="block">
+  <div class="block block--{{ modifier }}" style="fill: {{ color }}; height: {{ height }}">
+    Hello World
+  </div>
+</div>

tests/fixtures/vue-bind/binding-with-template-string-2.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="block">
+    <div :class="`block block--${modifier}`" :style="`fill: ${color}; height: ${height}`">
+      Hello World
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+      props: {
+          modifier: {
+              type: String,
+              required: true,
+          },
+      },
+  };
+</script>