Vuejs vue router, template not showing

vue-router

#1

I’m new to VueJS and I’m loving it. I’m trying to use vue router, below is my attempt

main.js

import Vue from 'vue';

// onsen srcs
import 'onsenui/css/onsenui.css';
import 'onsenui/css/onsen-css-components.css';
import VueOnsen from 'vue-onsenui';
// -- end onsen srcs

// -- routes
import Router from './router';
// -- end vue routes

// -- use onsen ui
Vue.use(VueOnsen);
// -- end use onsen ui

// vue instance
new Vue({
  Router,
}).$mount('#app');
// -- end vue instance

router.js

import Vue from 'vue'
import Router from 'vue-router'
import Main_tpl from './Main.vue';
import Home_tpl from './views/Home.vue';

Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'main',
      component: Main_tpl
    },
    {
      path: '/home',
      name: 'home',
      component: Home_tpl
    }
  ]
});

any help, ideas please? I’m running through Vue CLI 3, no errors shown.