A simple router implementation that is suitable for NativeScript-Vue.

Prerequisites / Requirements

Install

npm install nativescript-vue-router-ns --save
or
yarn add nativescript-vue-router-ns

Usage

// app/router/index.js
import Vue from 'nativescript-vue'
import NSVueRouter from 'nativescript-vue-router-ns'
import Dashboard from './components/Dashboard'
import Login from './components/Login'
Vue.use(NSVueRouter)
const routes = [
 {
 name: 'dashboard.index',
 component: Dashboard,
 meta: { auth: true }
 },
 {
 name: 'login.index',
 component: Login,
 meta: { guest: true }
 }
]
const router = new NSVueRouter({
 ignoreSame, // <-- Optional. Will set if reject or accept navigate to same current component.
 routes,
 /* eslint-disable-next-line no-undef */
 verbose: TNS_ENV !== 'production' // <-- Optional. Will output the warnings to console.
})
export default router

// app/app.js or app/main.js
import Vue from 'nativescript-vue'
import Main from './Main'
import router from './router'
new Vue({
 router
 // ...
 render: h => h('frame', [h(Main)]) // <-- Main Frame in render app
}).$start()

<!-- Your own Vue Components -->
<template>
 <Page actionBarHidden="true">
 <FlexboxLayout flexDirection="column" justifyContent="center">
 <button text="Navigate direct" @tap="$router.push('dashboard.index')" />
 <button text="Navigate with method" @tap="submit" />
 </FlexboxLayout>
 </Page>
</template>
<script>
 export default {
 name: 'LoginIndex',
 methods: {
 submit() {
 // ...
 this.$router.pushClear('dashboard.index')
 // ...
 }
 }
 }
</script>

Guards and other before actions

// app/router/index.js
// ...
router.beforeEach((to, next) => {
 if (to.meta.auth && isLogged) {
 /* eslint-disable-next-line no-undef */
 if (TNS_ENV !== 'production') {
 /* eslint-disable-next-line no-console */
 console.error(new Error('To Login!.'))
 }
 router.pushClear('login.index')
 } else if (to.meta.guest && isLogged) {
 router.push('dashboard.index')
 } else {
 next()
 }
})
// ...

API

Installing

Navigating

TODO

Contributing

License