Reorganize resources/js folder

resources/js/app.js

@@ -1,42 +1,12 @@
 import Vue          from 'vue'
-import VueRouter    from 'vue-router'
+import router       from './routes/routes'
 import axios        from './packages/axios'
 import i18n         from './packages/i18n'
 import FontAwesome  from './packages/fontawesome'
-
+import App          from './components/App'
-import App              from './views/App'
-import Accounts         from './views/Accounts'
-import Create           from './views/twofaccounts/Create'
-import Edit             from './views/twofaccounts/Edit'
-import Login            from './views/auth/Login'
-import Register         from './views/auth/Register'
-import PasswordRequest  from './views/auth/password/Request'
-import PasswordReset    from './views/auth/password/Reset'
-import NotFound         from './views/Error'
 
 import './components'
 
-Vue.use(VueRouter)
-
-const router = new VueRouter({
-    mode: 'history',
-    routes: [
-        { path: '/', name: 'accounts', component: Accounts, props: true },
-        { path: '/login', name: 'login',component: Login },
-        { path: '/register', name: 'register',component: Register },
-        { path: '/create', name: 'create',component: Create },
-        { path: '/edit/:twofaccountId', name: 'edit',component: Edit },
-
-        { path: '/password/request', name: 'password.request', component: PasswordRequest },
-        { path: '/password/reset/:token', name: 'password.reset', component: PasswordReset },
-
-        { path: '/flooded', name: 'flooded',component: NotFound,props: true },
-        { path: '/error', name: 'genericError',component: NotFound,props: true },
-        { path: '/404', name: '404',component: NotFound,props: true },
-        { path: '*', redirect: { name: '404' } }
-    ],
-});
-
 const app = new Vue({
     el: '#app',
     components: { App },

resources/js/packages/axios.js

@@ -1,3 +1,5 @@
+import Vue from 'vue'
+import router from '../routes/routes'
 
 axios.interceptors.request.use(request => {
 

resources/js/routes/routes.js

@@ -0,0 +1,34 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+import Accounts         from '../views/Accounts'
+import Create           from '../views/twofaccounts/Create'
+import Edit             from '../views/twofaccounts/Edit'
+import Login            from '../views/auth/Login'
+import Register         from '../views/auth/Register'
+import PasswordRequest  from '../views/auth/password/Request'
+import PasswordReset    from '../views/auth/password/Reset'
+import NotFound         from '../views/Error'
+
+const router = new Router({
+    mode: 'history',
+    routes: [
+        { path: '/', name: 'accounts', component: Accounts, props: true },
+        { path: '/login', name: 'login',component: Login },
+        { path: '/register', name: 'register',component: Register },
+        { path: '/create', name: 'create',component: Create },
+        { path: '/edit/:twofaccountId', name: 'edit',component: Edit },
+
+        { path: '/password/request', name: 'password.request', component: PasswordRequest },
+        { path: '/password/reset/:token', name: 'password.reset', component: PasswordReset },
+
+        { path: '/flooded', name: 'flooded',component: NotFound,props: true },
+        { path: '/error', name: 'genericError',component: NotFound,props: true },
+        { path: '/404', name: '404',component: NotFound,props: true },
+        { path: '*', redirect: { name: '404' } }
+    ],
+});
+
+export default router