Merge pull request #36 from Paneon/bugfix/props

Fixes: #35

Author: Macavity

src/Compiler.php

@@ -278,7 +278,7 @@ public function registerProperties(DOMElement $scriptElement)
             }
         }
 
-        $typeScriptRegexProps = '/\@Prop\(.*?default\s*\:\s*(\'(?:.(?!(?<![\\\\])\'))*.?\'|"(?:.(?!(?<![\\\\])"))*.?"|[^\s,]+).*?\)[^;]*?([a-zA-Z0-9_$]+)\!?\:[^;]*;/msx';
+        $typeScriptRegexProps = '/\@Prop\(.*?default\s*\:\s*(?<defaultValue>\'(?:[^@](?!(?<![\\\\])\'))*.?\'|"(?:[^@](?!(?<![\\\\])"))*.?"|[^\s,]+).*?\)[^;]*?(?<propName>[a-zA-Z0-9_$]+)\!?\:[^;\@]*;/msx';
 
         if (preg_match_all($typeScriptRegexProps, $content, $typeScriptMatches, PREG_SET_ORDER )) {
             $this->properties = [];

tests/CompilerPropsTest.php

@@ -39,4 +39,5 @@ public function registersTypeScriptProperties()
 
         $this->assertEqualHtml($expected, $actual);
     }
+
 }

tests/fixtures/vue-props/binding-props-typescript-default.twig

@@ -1,4 +1,8 @@
-{% set test = test|default('foo') %}
+{% set propBoolean = propBoolean|default(false) %}
+{% set propPresent = propPresent|default('') %}
+{% set propWithTypeNumber = propWithTypeNumber|default(0) %}
+{% set propPresentWithTypeAndDefault = propPresentWithTypeAndDefault|default('foo') %}
 <div class="{{class|default('')}}">
   {{ test }}
 </div>
+

tests/fixtures/vue-props/binding-props-typescript-default.vue

@@ -1,14 +1,18 @@
 <template>
-<div>
-  {{ test }}
-</div>
+  <div>
+    {{ test }}
+  </div>
 </template>
 
 <script lang="ts">
-  import { Vue, Component, Prop } from 'vue-property-decorator';
+    import { Component, Prop, Vue } from 'vue-property-decorator';
 
-  @Component
-  export default class FromPrice extends Vue {
-    @Prop({ type: String, default: 'foo' }) readonly test!: string;
-  }
+    @Component
+    export default class FromPrice extends Vue {
+        @Prop({ type: Boolean, required: true }) ignored: boolean;
+        @Prop({ default: false }) propBoolean: string;
+        @Prop({ default: '' }) propPresent!: string;
+        @Prop({ default: 0, type: Number }) propWithTypeNumber!: number;
+        @Prop({ type: String, default: 'foo' }) readonly propPresentWithTypeAndDefault!: string;
+    }
 </script>