feat (samples): Add a sample with a Vue component to check the HMR feature.

msaelices · msaelices · commit 2387968c7182 · 2019-04-09T16:24:40.000+02:00
diff --git a/samples/app/app-to-check-hmr.js b/samples/app/app-to-check-hmr.js
@@ -0,0 +1,15 @@
+const Vue = require('nativescript-vue')
+const application = require('tns-core-modules/application')
+const platform = require('tns-core-modules/platform')
+
+Vue.config.silent = false
+Vue.config.debug = true
+
+import Home from './components/Home'
+
+new Vue({
+  components: {
+    Home
+  },
+  render: h => h('frame', [h(Home)])
+}).$start()
diff --git a/samples/app/components/Home.vue b/samples/app/components/Home.vue
@@ -0,0 +1,45 @@
+<template>
+  <Page>
+    <ActionBar class="action-bar" title="Home Page">
+    </ActionBar>
+    <StackLayout>
+      <Button text="Open page" @tap="openPage" />
+    </StackLayout>
+  </Page>
+</template>
+
+<script>
+const DetailsPage = {
+  template: `
+  <Page>
+    <ActionBar class="action-bar" title="Details Page">
+      <ActionItem text="Action"></ActionItem>
+    </ActionBar>
+    <StackLayout>
+      <Label :text="'Details ' + Math.random()" />
+      <Button text="another" @tap="openDetails" />
+      <Button text="back" @tap="goBack" />
+    </StackLayout>
+  </Page>
+  `,
+  methods: {
+    openDetails() {
+      this.$navigateTo(DetailsPage)
+    },
+    goBack() {
+      this.$navigateBack()
+    }
+  }
+}
+
+export default {
+  components: [
+    DetailsPage,
+  ],
+  methods: {
+    openPage() {
+      this.$navigateTo(DetailsPage)
+    }
+  }
+}
+</script>
