better organization

assets/src/router/index.js

@@ -1,12 +1,12 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import Login from '@/views/Login'
-import Main from '@/components/Main'
-import Files from '@/components/files/Files'
-import Users from '@/components/settings/Users'
-import User from '@/components/settings/User'
-import GlobalSettings from '@/components/settings/Global'
-import ProfileSettings from '@/components/settings/Profile'
+import Layout from '@/views/Layout'
+import Files from '@/views/Files'
+import Users from '@/views/Users'
+import User from '@/views/User'
+import GlobalSettings from '@/views/GlobalSettings'
+import ProfileSettings from '@/views/ProfileSettings'
 import error403 from '@/components/errors/403'
 import error404 from '@/components/errors/404'
 import error500 from '@/components/errors/500'
@@ -34,15 +34,9 @@ const router = new Router({
           })
       }
     },
-    {
-      path: '/',
-      redirect: {
-        path: '/files/'
-      }
-    },
     {
       path: '/*',
-      component: Main,
+      component: Layout,
       meta: {
         requiresAuth: true
       },

assets/src/views/Files.vue

@@ -30,9 +30,9 @@
 import Forbidden from '@/components/errors/403'
 import NotFound from '@/components/errors/404'
 import InternalError from '@/components/errors/500'
-import Preview from './Preview'
-import Listing from './Listing'
-import Editor from './Editor'
+import Preview from '@/components/files/Preview'
+import Listing from '@/components/files/Listing'
+import Editor from '@/components/files/Editor'
 import api from '@/utils/api'
 import { mapGetters, mapState, mapMutations } from 'vuex'
 

assets/src/views/Layout.vue

@@ -10,13 +10,13 @@
 </template>
 
 <script>
-import Search from './Search'
-import Sidebar from './Sidebar'
-import Prompts from './prompts/Prompts'
-import SiteHeader from './Header'
+import Search from '@/components/Search'
+import Sidebar from '@/components/Sidebar'
+import Prompts from '@/components/prompts/Prompts'
+import SiteHeader from '@/components/Header'
 
 export default {
-  name: 'main',
+  name: 'layout',
   components: {
     Search,
     Sidebar,