update router folder

app/src/main.js

@@ -1,14 +1,18 @@
 import Vue from 'vue'
 import App from './App.vue'
-import './plugins/bootstrap-vue'
+import BootstrapVue from 'bootstrap-vue'
+
 import i18n from './i18n'
-import router from './plugins/router'
+import router from './router'
 import store from './store'
 
 import * as globalsComponents from './components/globals'
 
 Vue.config.productionTip = false
 
+// Styles are imported in `src/App.vue` <style>
+Vue.use(BootstrapVue)
+
 // Register global components
 for (const component of Object.values(globalsComponents)) {
   Vue.component(component.name, component)

app/src/router/hooks.js

@@ -0,0 +1,12 @@
+import router from './index.js'
+import store from '@/store'
+
+// Before each route request hook
+router.beforeEach((to, from, next) => {
+  // Allow if connected or route is not protected
+  if (store.getters.connected || to.meta.noAuth) {
+    next()
+  } else {
+    next({ name: 'login', query: { redirect: to.path } })
+  }
+})

app/src/router/index.js

@@ -1,24 +1,11 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
-import routes from '../routes'
-import store from '@/store'
+import routes from './routes'
 
 Vue.use(VueRouter)
 
-const router = new VueRouter({
+export default new VueRouter({
   // mode: 'history', // this allow all routes to be real ones (without '#')
   base: process.env.BASE_URL,
   routes
 })
-
-// Before each route request hook
-router.beforeEach((to, from, next) => {
-  // Allow if connected or route is not protected
-  if (store.getters.connected || to.meta.noAuth) {
-    next()
-  } else {
-    next({ name: 'login', query: { redirect: to.path } })
-  }
-})
-
-export default router

app/src/router/routes.js

@@ -1,10 +1,10 @@
-import Home from './views/Home'
-import Login from './views/Login'
-import { UserList, UserCreate, UserInfo, UserEdit } from './views/user'
-import { GroupList, GroupCreate } from './views/group'
-import { DomainList, DomainAdd, DomainInfo, DomainDns, DomainCert } from './views/domain'
-import { ServiceList, ServiceInfo } from './views/service'
-import { ToolList, ToolLogs } from './views/tool'
+import Home from '@/views/Home'
+import Login from '@/views/Login'
+import { UserList, UserCreate, UserInfo, UserEdit } from '@/views/user'
+import { GroupList, GroupCreate } from '@/views/group'
+import { DomainList, DomainAdd, DomainInfo, DomainDns, DomainCert } from '@/views/domain'
+import { ServiceList, ServiceInfo } from '@/views/service'
+import { ToolList, ToolLogs } from '@/views/tool'
 
 const routes = [
   { name: 'home', path: '/', component: Home },