diff --git a/docs/.vuepress/components/BmcToasts.vue b/docs/.vuepress/components/BmcToasts.vue
index 15a480f..4c9d30f 100644
--- a/docs/.vuepress/components/BmcToasts.vue
+++ b/docs/.vuepress/components/BmcToasts.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import BVToastMixin from '../../../src/components/Mixins/BVToastMixin';
+import BVToastMixin from '@/src/components/Mixins/BVToastMixin';
 export default {
     name: 'BmcToasts',
     mixins: [BVToastMixin],
diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue
index aadb8e7..8f00476 100644
--- a/src/components/AppHeader/AppHeader.vue
+++ b/src/components/AppHeader/AppHeader.vue
@@ -98,8 +98,8 @@
 import IconClose from '@carbon/icons-vue/es/close/20';
 import IconMenu from '@carbon/icons-vue/es/menu/20';
 import IconRenew from '@carbon/icons-vue/es/renew/20';
-import StatusIcon from '../Global/StatusIcon';
-import LoadingBar from '../Global/LoadingBar';
+import StatusIcon from '@/components/Global/StatusIcon';
+import LoadingBar from '@/components/Global/LoadingBar';
 
 export default {
   name: 'AppHeader',
diff --git a/src/components/Global/Alert.vue b/src/components/Global/Alert.vue
index a049a08..88a4ae3 100644
--- a/src/components/Global/Alert.vue
+++ b/src/components/Global/Alert.vue
@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import StatusIcon from '../Global/StatusIcon';
+import StatusIcon from '@/components/Global/StatusIcon';
 import { BAlert } from 'bootstrap-vue';
 
 export default {
diff --git a/src/layouts/AppLayout.vue b/src/layouts/AppLayout.vue
index 8edc338..e040bef 100644
--- a/src/layouts/AppLayout.vue
+++ b/src/layouts/AppLayout.vue
@@ -11,7 +11,7 @@
 <script>
 import AppHeader from '@/components/AppHeader';
 import AppNavigation from '@/components/AppNavigation';
-import PageContainer from '../components/Global/PageContainer';
+import PageContainer from '@/components/Global/PageContainer';
 export default {
   name: 'App',
   components: {
diff --git a/src/store/modules/AccessControl/SslCertificatesStore.js b/src/store/modules/AccessControl/SslCertificatesStore.js
index 71304b5..73a74b2 100644
--- a/src/store/modules/AccessControl/SslCertificatesStore.js
+++ b/src/store/modules/AccessControl/SslCertificatesStore.js
@@ -1,5 +1,5 @@
-import api from '../../api';
-import i18n from '../../../i18n';
+import api from '@/store/api';
+import i18n from '@/i18n';
 
 export const CERTIFICATE_TYPES = [
   {
diff --git a/src/store/modules/Authentication/AuthenticanStore.js b/src/store/modules/Authentication/AuthenticanStore.js
index 4afb11d..0dd616a 100644
--- a/src/store/modules/Authentication/AuthenticanStore.js
+++ b/src/store/modules/Authentication/AuthenticanStore.js
@@ -1,6 +1,6 @@
-import api from '../../api';
+import api from '@/store/api';
 import Cookies from 'js-cookie';
-import router from '../../../router';
+import router from '@/router';
 
 const AuthenticationStore = {
   namespaced: true,
diff --git a/src/store/modules/Configuration/DateTimeSettingsStore.js b/src/store/modules/Configuration/DateTimeSettingsStore.js
index 06aeefe..0848990 100644
--- a/src/store/modules/Configuration/DateTimeSettingsStore.js
+++ b/src/store/modules/Configuration/DateTimeSettingsStore.js
@@ -1,4 +1,4 @@
-import api from '../../api';
+import api from '@/store/api';
 import i18n from '@/i18n';
 
 const DateTimeStore = {
diff --git a/src/store/modules/Configuration/NetworkSettingsStore.js b/src/store/modules/Configuration/NetworkSettingsStore.js
index dbeaef6..ae1de3d 100644
--- a/src/store/modules/Configuration/NetworkSettingsStore.js
+++ b/src/store/modules/Configuration/NetworkSettingsStore.js
@@ -1,4 +1,4 @@
-import api from '../../api';
+import api from '@/store/api';
 import i18n from '@/i18n';
 import { find, remove } from 'lodash';
 
diff --git a/src/store/modules/Control/BootSettingsStore.js b/src/store/modules/Control/BootSettingsStore.js
index 655c79e..ff5f505 100644
--- a/src/store/modules/Control/BootSettingsStore.js
+++ b/src/store/modules/Control/BootSettingsStore.js
@@ -1,5 +1,5 @@
-import api from '../../api';
-import i18n from '../../../i18n';
+import api from '@/store/api';
+import i18n from '@/i18n';
 
 const BootSettingsStore = {
   namespaced: true,
diff --git a/src/store/modules/Control/ControlStore.js b/src/store/modules/Control/ControlStore.js
index c06ff4f..ade5da6 100644
--- a/src/store/modules/Control/ControlStore.js
+++ b/src/store/modules/Control/ControlStore.js
@@ -1,5 +1,5 @@
 import api from '@/store/api';
-import i18n from '../../../i18n';
+import i18n from '@/i18n';
 
 /**
  * Watch for hostStatus changes in GlobalStore module
diff --git a/src/store/modules/Control/PowerControlStore.js b/src/store/modules/Control/PowerControlStore.js
index 85d6963..3a2434a 100644
--- a/src/store/modules/Control/PowerControlStore.js
+++ b/src/store/modules/Control/PowerControlStore.js
@@ -1,4 +1,4 @@
-import api from '../../api';
+import api from '@/store/api';
 import i18n from '@/i18n';
 
 const PowerControlStore = {
diff --git a/src/store/modules/Control/ServerLedStore.js b/src/store/modules/Control/ServerLedStore.js
index 6ea0473..2be7722 100644
--- a/src/store/modules/Control/ServerLedStore.js
+++ b/src/store/modules/Control/ServerLedStore.js
@@ -1,4 +1,4 @@
-import api from '../../api';
+import api from '@/store/api';
 import i18n from '@/i18n';
 
 const ServerLedStore = {
diff --git a/src/store/modules/Control/VirtualMediaStore.js b/src/store/modules/Control/VirtualMediaStore.js
index 13ef8ee..6785f5f 100644
--- a/src/store/modules/Control/VirtualMediaStore.js
+++ b/src/store/modules/Control/VirtualMediaStore.js
@@ -1,4 +1,4 @@
-import api from '../../api';
+import api from '@/store/api';
 import i18n from '@/i18n';
 
 const VirtualMediaStore = {
diff --git a/src/store/modules/GlobalStore.js b/src/store/modules/GlobalStore.js
index 39f3d1d..0330153 100644
--- a/src/store/modules/GlobalStore.js
+++ b/src/store/modules/GlobalStore.js
@@ -1,4 +1,4 @@
-import api from '../api';
+import api from '@/store/api';
 
 const HOST_STATE = {
   on: 'xyz.openbmc_project.State.Host.HostState.Running',
diff --git a/src/store/modules/Health/SensorsStore.js b/src/store/modules/Health/SensorsStore.js
index edcbf7b..5f2bf52 100644
--- a/src/store/modules/Health/SensorsStore.js
+++ b/src/store/modules/Health/SensorsStore.js
@@ -1,4 +1,4 @@
-import api from '../../api';
+import api from '@/store/api';
 import { uniqBy } from 'lodash';
 
 const SensorsStore = {
diff --git a/src/views/AccessControl/LocalUserManagement/ModalSettings.vue b/src/views/AccessControl/LocalUserManagement/ModalSettings.vue
index 06dd8b2..a611c59 100644
--- a/src/views/AccessControl/LocalUserManagement/ModalSettings.vue
+++ b/src/views/AccessControl/LocalUserManagement/ModalSettings.vue
@@ -126,7 +126,7 @@
 </template>
 
 <script>
-import VuelidateMixin from '../../../components/Mixins/VuelidateMixin.js';
+import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js';
 import {
   required,
   requiredIf,
diff --git a/src/views/AccessControl/LocalUserManagement/ModalUser.vue b/src/views/AccessControl/LocalUserManagement/ModalUser.vue
index 7e6519d..0fec894 100644
--- a/src/views/AccessControl/LocalUserManagement/ModalUser.vue
+++ b/src/views/AccessControl/LocalUserManagement/ModalUser.vue
@@ -235,9 +235,9 @@
   helpers,
   requiredIf
 } from 'vuelidate/lib/validators';
-import VuelidateMixin from '../../../components/Mixins/VuelidateMixin.js';
-import InputPasswordToggle from '../../../components/Global/InputPasswordToggle';
-import Alert from '../../../components/Global/Alert';
+import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js';
+import InputPasswordToggle from '@/components/Global/InputPasswordToggle';
+import Alert from '@/components/Global/Alert';
 
 export default {
   components: { Alert, InputPasswordToggle },
diff --git a/src/views/AccessControl/SslCertificates/CsrCountryCodes.js b/src/views/AccessControl/SslCertificates/CsrCountryCodes.js
index 715fdfa..59e724b 100644
--- a/src/views/AccessControl/SslCertificates/CsrCountryCodes.js
+++ b/src/views/AccessControl/SslCertificates/CsrCountryCodes.js
@@ -1,4 +1,4 @@
-import i18n from '../../../i18n';
+import i18n from '@/i18n';
 
 export const COUNTRY_LIST = [
   { name: 'Afghanistan', code: 'AF', label: i18n.t('countries.AF') },
diff --git a/src/views/AccessControl/SslCertificates/ModalGenerateCsr.vue b/src/views/AccessControl/SslCertificates/ModalGenerateCsr.vue
index 287595e..84f14c3 100644
--- a/src/views/AccessControl/SslCertificates/ModalGenerateCsr.vue
+++ b/src/views/AccessControl/SslCertificates/ModalGenerateCsr.vue
@@ -382,9 +382,9 @@
 import { required, requiredIf } from 'vuelidate/lib/validators';
 
 import { COUNTRY_LIST } from './CsrCountryCodes';
-import { CERTIFICATE_TYPES } from '../../../store/modules/AccessControl/SslCertificatesStore';
-import BVToastMixin from '../../../components/Mixins/BVToastMixin';
-import VuelidateMixin from '../../../components/Mixins/VuelidateMixin.js';
+import { CERTIFICATE_TYPES } from '@/store/modules/AccessControl/SslCertificatesStore';
+import BVToastMixin from '@/components/Mixins/BVToastMixin';
+import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js';
 
 export default {
   name: 'ModalGenerateCsr',
diff --git a/src/views/AccessControl/SslCertificates/ModalUploadCertificate.vue b/src/views/AccessControl/SslCertificates/ModalUploadCertificate.vue
index a97fa4d..63c3b4e 100644
--- a/src/views/AccessControl/SslCertificates/ModalUploadCertificate.vue
+++ b/src/views/AccessControl/SslCertificates/ModalUploadCertificate.vue
@@ -72,7 +72,7 @@
 
 <script>
 import { required, requiredIf } from 'vuelidate/lib/validators';
-import VuelidateMixin from '../../../components/Mixins/VuelidateMixin.js';
+import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js';
 
 export default {
   mixins: [VuelidateMixin],
diff --git a/src/views/Control/RebootBmc/RebootBmc.vue b/src/views/Control/RebootBmc/RebootBmc.vue
index 0a4bafe..2993253 100644
--- a/src/views/Control/RebootBmc/RebootBmc.vue
+++ b/src/views/Control/RebootBmc/RebootBmc.vue
@@ -34,9 +34,9 @@
 </template>
 
 <script>
-import PageTitle from '../../../components/Global/PageTitle';
-import PageSection from '../../../components/Global/PageSection';
-import BVToastMixin from '../../../components/Mixins/BVToastMixin';
+import PageTitle from '@/components/Global/PageTitle';
+import PageSection from '@/components/Global/PageSection';
+import BVToastMixin from '@/components/Mixins/BVToastMixin';
 import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
 
 export default {
diff --git a/src/views/Control/VirtualMedia/ModalConfigureConnection.vue b/src/views/Control/VirtualMedia/ModalConfigureConnection.vue
index 4401a04..2c75ae2 100644
--- a/src/views/Control/VirtualMedia/ModalConfigureConnection.vue
+++ b/src/views/Control/VirtualMedia/ModalConfigureConnection.vue
@@ -68,7 +68,7 @@
 
 <script>
 import { required } from 'vuelidate/lib/validators';
-import VuelidateMixin from '../../../components/Mixins/VuelidateMixin.js';
+import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js';
 
 export default {
   mixins: [VuelidateMixin],
diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue
index e33cde7..4d523de 100644
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@@ -67,9 +67,9 @@
 
 <script>
 import { required } from 'vuelidate/lib/validators';
-import VuelidateMixin from '../../components/Mixins/VuelidateMixin.js';
-import i18n from '../../i18n';
-import Alert from '../../components/Global/Alert';
+import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js';
+import i18n from '@/i18n';
+import Alert from '@/components/Global/Alert';
 
 export default {
   name: 'Login',
diff --git a/src/views/Overview/Overview.vue b/src/views/Overview/Overview.vue
index ac48481..7385b0d 100644
--- a/src/views/Overview/Overview.vue
+++ b/src/views/Overview/Overview.vue
@@ -89,8 +89,8 @@
 import OverviewQuickLinks from './OverviewQuickLinks';
 import OverviewEvents from './OverviewEvents';
 import OverviewNetwork from './OverviewNetwork';
-import PageTitle from '../../components/Global/PageTitle';
-import PageSection from '../../components/Global/PageSection';
+import PageTitle from '@/components/Global/PageTitle';
+import PageSection from '@/components/Global/PageSection';
 import { mapState } from 'vuex';
 import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
 
diff --git a/src/views/Unauthorized/Unauthorized.vue b/src/views/Unauthorized/Unauthorized.vue
index ee34f26..6ec513f 100644
--- a/src/views/Unauthorized/Unauthorized.vue
+++ b/src/views/Unauthorized/Unauthorized.vue
@@ -4,7 +4,7 @@
   </b-container>
 </template>
 <script>
-import PageTitle from '../../components/Global/PageTitle';
+import PageTitle from '@/components/Global/PageTitle';
 export default {
   name: 'Unauthorized',
   components: { PageTitle }