fix: fix nested components in v-template

fixes #107

Author: rigor789

platform/nativescript/util/index.js

@@ -76,7 +76,11 @@ export function after(original, thisArg, wrap) {
 
 export function deepProxy(object, depth = 0) {
   return new Proxy(object, {
-    get() {
+    get(target, key) {
+      if (key === 'toString') {
+        return () => ''
+      }
+
       if (depth > 10) {
         throw new Error('deepProxy over 10 deep.')
       }

samples/app/app-with-v-template-components.js

@@ -0,0 +1,28 @@
+const Vue = require('./nativescript-vue')
+
+Vue.component('comment', {
+  props: ['comment'],
+  template: `<label :text="comment.content"/>`
+})
+new Vue({
+  data: {
+    comments: [
+      { content: 'hello1' },
+      { content: 'hello2' },
+      { content: 'hello3' },
+      { content: 'hello4' }
+    ]
+  },
+  template: `
+    <page class="page">
+      <action-bar title="Home" class="action-bar"></action-bar>
+        <stack-layout class="home-panel">
+          <list-view for="comment in comments">
+            <v-template>
+              <comment :comment="comment"/>
+            </v-template>
+          </list-view>
+        </stack-layout>
+    </page>
+  `
+}).$start()