fix: don't throw error when livesyncing css

todo: disable full reload with hooks, and clone root vm + navigate to show changes

fixes #63

Author: rigor789

Diff for: platform/nativescript/framework.js

@@ -39,9 +39,7 @@ console.keys = function(object) {
 application.on(application.exitEvent, () => {
   const frame = topmost()
   if (frame) {
-    console.log(frame)
     frame.eachChildView(child => {
-      console.log('found child')
       const vm = child[VUE_VM_REF]
 
       if (vm) {
@@ -52,4 +50,25 @@ application.on(application.exitEvent, () => {
   }
 })
 
+global.__onLiveSyncCore = () => {
+  const frame = topmost()
+  if (frame) {
+    if (frame.currentPage && frame.currentPage.modal) {
+      frame.currentPage.modal.closeModal()
+    }
+    // Todo: make sure that the before-livesync hook is installed, because otherwise the page will always get reloaded.
+    // const currentEntry = frame._currentEntry && frame._currentEntry.entry
+    // if (currentEntry) {
+
+    // const newEntry = {
+    //   animated: false,
+    //   clearHistory: true,
+    //   create: () => {  } ,
+    //   backstackVisible: currentEntry.backstackVisible
+    // }
+    // frame.navigate(newEntry)
+    // }
+  }
+}
+
 export default Vue

Diff for: platform/nativescript/hooks/nativescript-vue-disable-full-reload.js

@@ -0,0 +1,3 @@
+module.exports = function($usbLiveSyncService) {
+  $usbLiveSyncService.forceExecuteFullSync = false
+}

Diff for: samples/app/app-with-v-template.js

@@ -35,7 +35,7 @@ new Vue({
             <list-view for="line in items">
                 <v-template>
                     <StackLayout style="padding: 50;">
-                        <Label :text="line" style="color: blue;"/>
+                        <Label :text="line" class="even"/>
                     </StackLayout>
                 </v-template>
                 <v-template if="line.length == 2">
@@ -45,7 +45,7 @@ new Vue({
                 </v-template>
                 <v-template if="$odd">
                     <StackLayout style="padding: 50;">
-                        <Label :text="line" style="color: red;"/>
+                        <Label :text="line" class="odd"/>
                     </StackLayout>
                 </v-template>
             </list-view>