basic setup with vue-native-router

App.vue

@@ -1,17 +1,10 @@
 <template>
-  <view class="container">
-    <text class="text-color-primary">My Vue Native App</text>
-    </view>
+  <setup></setup>
 </template>
-
-<style>
-.container {
-  background-color: white;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-}
-.text-color-primary {
-  color: blue;
-}
-</style>
+
+<script>
+import Setup from "./src/boot/setup.vue";
+export default {
+  components: { Setup }
+};
+</script>

src/App.vue

@@ -0,0 +1,20 @@
+<template>
+    <app-navigation></app-navigation>
+</template>
+
+
+<script>
+import { StackNavigator } from "vue-native-router";
+import Home from "./screens/home/index";
+const AppNavigation = StackNavigator(
+  {
+    Home: { screen: Home }
+  },
+  {
+    initialRouteName: "Home"
+  }
+);
+export default {
+  components: { AppNavigation }
+};
+</script>

src/boot/setup.vue

@@ -0,0 +1,13 @@
+<template>
+    <app></app>
+</template>
+
+
+<script>
+import { StackNavigator } from "vue-native-router";
+import App from "../App.vue";
+
+export default {
+  components: { App }
+};
+</script>

src/screens/home/index.vue

@@ -0,0 +1,17 @@
+<template>
+  <view class="container">
+    <text class="text-color-primary">My Vue Native App</text>
+    </view>
+</template>
+
+<style>
+.container {
+  background-color: white;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+}
+.text-color-primary {
+  color: blue;
+}
+</style>