Some renaming...

web/src/components/UserTitle.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import Avatar from '../components/Avatar.vue'
+import Avatar from '@/components/Avatar.vue'
 import DistinguishedNameBreadcrumb from './ui/DistinguishedNameBreadcrumb.vue'
 import RoleBadge from './ui/RoleBadge.vue'
 

web/src/layouts/Default.vue

@@ -39,7 +39,7 @@
 </template>
 
 <script>
-import MainDrawer from '../components/MainDrawer'
+import MainDrawer from '@/components/MainDrawer'
 
 import UserMenu from '@/components/UserMenu'
 

web/src/views/About.vue

@@ -8,7 +8,7 @@
   </v-container>
 </template>
 <script>
-import AboutCard from '../components/AboutCard'
+import AboutCard from '@/components/AboutCard'
 export default {
   components: { AboutCard }
 }

web/src/views/AccessPoints/clients.vue

@@ -74,10 +74,10 @@
 <script>
 import gql from 'graphql-tag'
 
-import ApIcon from '../../components/ApIcon.vue'
-import AccessPointClientsDataTable from '../../components/DataTables/AccessPointClientsDataTable.vue'
-import AccessPointClientsChart from '../../components/Charts/AccessPointClientsChart.vue'
-import AccessPointSignalStrengthChart from '../../components/Charts/AccessPointSignalStrengthChart.vue'
+import ApIcon from '@/components/ApIcon.vue'
+import AccessPointClientsDataTable from '@/components/dataTables/AccessPointClientsDataTable.vue'
+import AccessPointClientsChart from '@/components/charts/AccessPointClientsChart.vue'
+import AccessPointSignalStrengthChart from '@/components/charts/AccessPointSignalStrengthChart.vue'
 
 export default {
   name: 'SingleAccessPoint',

web/src/views/CreateToken.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script>
-import CreateTokenForm from '../components/CreateTokenForm'
+import CreateTokenForm from '@/components/CreateTokenForm'
 export default {
   name: 'GenerateToken',
   components: { CreateTokenForm }

web/src/views/Home.vue

@@ -21,10 +21,10 @@
 </template>
 
 <script>
-import UserInfoWidget from '../components/widgets/UserInfoWidget'
-import TokenStatsWidget from '../components/widgets/TokenStatsWidget'
-import DevicesWidget from '../components/widgets/DevicesWidget'
-import StatsWidget from '../components/widgets/StatsWidget'
+import UserInfoWidget from '@/components/widgets/UserInfoWidget'
+import TokenStatsWidget from '@/components/widgets/TokenStatsWidget'
+import DevicesWidget from '@/components/widgets/DevicesWidget'
+import StatsWidget from '@/components/widgets/StatsWidget'
 import gql from 'graphql-tag'
 
 export default {

web/src/views/Login.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import LoginForm from '../components/LoginForm'
+import LoginForm from '@/components/LoginForm'
 
 export default {
   name: 'Login',

web/src/views/ReplacePassword.vue

@@ -14,7 +14,7 @@
 
 <script>
 import gql from 'graphql-tag'
-import ReplacePasswordForm from '../components/ReplacePasswordForm'
+import ReplacePasswordForm from '@/components/ReplacePasswordForm'
 
 export default {
   name: 'ReplacePassword',

web/src/views/ReplaceStudentPassword.vue

@@ -28,7 +28,7 @@
 
 <script>
 import gql from 'graphql-tag'
-import ReplacePasswordForm from '../components/ReplacePasswordForm'
+import ReplacePasswordForm from '@/components/ReplacePasswordForm'
 
 export default {
   name: 'ReplacePassword',

web/src/views/SystemAdministration/Logs.vue

@@ -114,12 +114,12 @@
 <script>
 import gql from 'graphql-tag'
 import { format, subDays } from 'date-fns'
-import DateTimePicker from '../../components/ui/DatetimePicker'
+import DateTimePicker from '@/components/ui/DatetimePicker'
 
 import VueJsonPretty from 'vue-json-pretty'
 
 import 'vue-json-pretty/lib/styles.css'
-import DatetimePicker from '../../components/ui/DatetimePicker.vue'
+import DatetimePicker from '@/components/ui/DatetimePicker.vue'
 
 const LOGS_QUERY = gql`
   query ($search: String, $dateIn: String, $dateOut: String, $limit: Int) {

web/src/views/UpdatePassword.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import UpdatePasswordForm from '../components/UpdatePasswordForm'
+import UpdatePasswordForm from '@/components/UpdatePasswordForm'
 export default {
   name: 'UpdatePassword',
   components: { UpdatePasswordForm }

web/src/views/UseToken.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import UseTokenForm from '../components/UseTokenForm'
+import UseTokenForm from '@/components/UseTokenForm'
 export default {
   name: 'UseToken',
   components: { UseTokenForm }

web/src/views/UserInfo.vue

@@ -31,8 +31,8 @@
 </template>
 
 <script>
-import UserSelect from '../components/UserSelect'
-import UserTitle from '../components/UserTitle.vue'
+import UserSelect from '@/components/UserSelect'
+import UserTitle from '@/components/UserTitle.vue'
 import VueJsonPretty from 'vue-json-pretty'
 import gql from 'graphql-tag'
 

web/src/views/UserPresence.vue

@@ -268,7 +268,7 @@
 
 <script>
 import gql from 'graphql-tag'
-import Avatar from '../components/Avatar'
+import Avatar from '@/components/Avatar'
 import { debounce } from '../utils/debounce'
 
 export default {

web/src/views/WifiDevices.vue

@@ -85,7 +85,7 @@
 
 <script>
 import gql from 'graphql-tag'
-import WifiDevicesDataTable from '../components/DataTables/WifiDevicesDataTable.vue'
+import WifiDevicesDataTable from '@/components/dataTables/WifiDevicesDataTable.vue'
 
 export default {
   name: 'WifiDevices',

web/src/views/WifiUsers/index.vue

@@ -73,7 +73,7 @@
 </template>
 <script>
 import gql from 'graphql-tag'
-import WifiUsersDataTable from '../../components/DataTables/WifiUsersDataTable.vue'
+import WifiUsersDataTable from '@/components/dataTables/WifiUsersDataTable.vue'
 
 export default {
   components: { WifiUsersDataTable },

web/src/views/WifiUsers/single.vue

@@ -26,9 +26,9 @@
 <script>
 import gql from 'graphql-tag'
 
-import UserWifiDevicesDataTable from '../../components/DataTables/UserWifiDevicesDataTable.vue'
+import UserWifiDevicesDataTable from '@/components/dataTables/UserWifiDevicesDataTable.vue'
 
-import UserTitle from '../../components/UserTitle.vue'
+import UserTitle from '@/components/UserTitle.vue'
 
 export default {
   components: {