test: tweak repro for nativescript-vue#217

rigor789 · rigor789 · commit 33b82b6ccef9 · 2018-06-21T12:05:10.000+02:00
re nativescript-vue#217
diff --git a/samples/app/217.js b/samples/app/217.js
@@ -4,32 +4,41 @@ Vue.config.debug = true
 Vue.config.silent = false
 
 const CustomComponent = {
-  template: `
-    <Button :text="text" @tap="$emit('tap')"/>
-  `,
-  name: 'CustomComponent',
-  props: ['text']
+  // defining props breaks this on iOS
+  // props: ['text'],
+  template: `<Button @tap="$emit('tap')"/>`
 }
 
-new Vue({
+const PageContent = {
   data() {
     return {
       normal: false,
       custom: false
     }
   },
+  template: `
+    <StackLayout>
+      <Label :text="normal" textWrap="true" />
+      <Label :text="custom" textWrap="true" />
+      <Button :text="'Normal Button: ' + normal " @tap="normal = !normal"/>
+      <CustomComponent :text="'Custom Button: ' + custom" @tap="custom = !custom"/>
+    </StackLayout>
+  `,
+  components: {
+    CustomComponent
+  }
+}
+
+new Vue({
+  data: {
+    content: PageContent
+  },
   template: `
     <Frame>
       <Page>
         <ActionBar title="Issue #217"/>
-        <StackLayout>
-          <Button :text="'Normal Button: ' + normal " @tap="normal = !normal"/>
-          <CustomComponent :text="'Custom Button: ' + custom" @tap="custom = !custom"/>
-        </StackLayout>
+        <component :is="content" />
       </Page>
     </Frame>
-  `,
-  components: {
-    CustomComponent
-  }
+  `
 }).$start()
