Client - minor refactor

fittrackee_client/src/App.vue

@@ -6,6 +6,7 @@
 
 <script lang="ts">
   import { defineComponent } from 'vue'
+
   import Footer from '@/components/Footer.vue'
   import NavBar from '@/components/NavBar.vue'
 

fittrackee_client/src/api/authApi.ts

@@ -1,4 +1,5 @@
 import axios from 'axios'
+
 import store from '@/store'
 import { USER_STORE } from '@/store/constants'
 import { getApiUrl } from '@/utils'

fittrackee_client/src/api/defaultApi.ts

@@ -1,4 +1,5 @@
 import axios from 'axios'
+
 import { getApiUrl } from '@/utils'
 
 const api = axios.create({

fittrackee_client/src/components/Common/Dropdown.vue

@@ -19,6 +19,7 @@
 
 <script lang="ts">
   import { PropType, defineComponent, ref } from 'vue'
+
   import { IDropdownOption } from '@/interfaces'
   import { TDropdownOptions } from '@/types'
 

fittrackee_client/src/components/NavBar.vue

@@ -61,8 +61,8 @@
 
   import { IDropdownOption } from '@/interfaces'
   import { ROOT_STORE, USER_STORE } from '@/store/constants'
-  import { useStore } from '@/use/useStore'
   import { IAuthUserProfile } from '@/store/modules/user/interfaces'
+  import { useStore } from '@/use/useStore'
   import Dropdown from '@/components/Common/Dropdown.vue'
 
   export default defineComponent({

fittrackee_client/src/components/User/LoginForm.vue

@@ -6,6 +6,7 @@
 
 <script lang="ts">
   import { defineComponent } from 'vue'
+
   import UserForm from '@/components/User/UserForm.vue'
 
   export default defineComponent({

fittrackee_client/src/main.ts

@@ -1,8 +1,9 @@
 import { createApp } from 'vue'
-import App from './App.vue'
+
 import './registerServiceWorker'
+import App from './App.vue'
+import i18n from './i18n'
 import router from './router'
 import store from './store'
-import i18n from './i18n'
 
 createApp(App).use(i18n).use(store).use(router).mount('#app')

fittrackee_client/src/router/index.ts

@@ -1,4 +1,5 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
+
 import Dashboard from '@/views/DashBoard.vue'
 import Login from '@/views/Login.vue'
 import NotFound from '@/views/NotFound.vue'

fittrackee_client/src/store/index.ts

@@ -1,4 +1,5 @@
 import { createStore } from 'vuex'
+
 import { IRootState } from '@/store/modules/root/interfaces'
 import root from '@/store/modules/root'
 

fittrackee_client/src/store/modules/root/getters.ts

@@ -1,4 +1,5 @@
 import { GetterTree } from 'vuex'
+
 import { ROOT_STORE } from '@/store/constants'
 import { IRootState, IRootGetters } from '@/store/modules/root/interfaces'
 

fittrackee_client/src/store/modules/root/index.ts

@@ -1,4 +1,5 @@
 import { Module, ModuleTree } from 'vuex'
+
 import { getters } from '@/store/modules/root/getters'
 import { IRootState } from '@/store/modules/root/interfaces'
 import { mutations } from '@/store/modules/root/mutations'

fittrackee_client/src/store/modules/root/mutations.ts

@@ -1,4 +1,5 @@
 import { MutationTree } from 'vuex'
+
 import { ROOT_STORE } from '@/store/constants'
 import { IRootState } from '@/store/modules/root/interfaces'
 import { TRootMutations } from '@/store/modules/root/types'

fittrackee_client/src/store/modules/user/actions.ts

@@ -1,14 +1,15 @@
 import { ActionContext, ActionTree } from 'vuex'
+
 import { ROOT_STORE, USER_STORE } from '@/store/constants'
+import { IRootState } from '@/store/modules/root/interfaces'
 import {
   ILoginOrRegisterData,
   IUserActions,
   IUserState,
 } from '@/store/modules/user/interfaces'
-import { IRootState } from '@/store/modules/root/interfaces'
 import { handleError } from '@/utils'
-import api from '@/api/defaultApi'
 import authApi from '@/api/authApi'
+import api from '@/api/defaultApi'
 import router from '@/router'
 
 export const actions: ActionTree<IUserState, IRootState> & IUserActions = {

fittrackee_client/src/store/modules/user/enums.ts

@@ -2,11 +2,13 @@ export enum UserActions {
   GET_USER_PROFILE = 'GET_USER_PROFILE',
   LOGIN_OR_REGISTER = 'LOGIN_OR_REGISTER',
 }
+
 export enum UserGetters {
   AUTH_TOKEN = 'AUTH_TOKEN',
   AUTH_USER_PROFILE = 'AUTH_USER_PROFILE',
   IS_AUTHENTICATED = 'IS_AUTHENTICATED',
 }
+
 export enum UserMutations {
   UPDATE_AUTH_TOKEN = 'UPDATE_AUTH_TOKEN',
   UPDATE_AUTH_USER_PROFILE = 'UPDATE_AUTH_USER_PROFILE',

fittrackee_client/src/store/modules/user/getters.ts

@@ -1,4 +1,5 @@
 import { GetterTree } from 'vuex'
+
 import { USER_STORE } from '@/store/constants'
 import { IRootState } from '@/store/modules/root/interfaces'
 import { IUserGetters, IUserState } from '@/store/modules/user/interfaces'

fittrackee_client/src/store/modules/user/index.ts

@@ -1,4 +1,5 @@
 import { Module } from 'vuex'
+
 import { IRootState } from '@/store/modules/root/interfaces'
 import { actions } from '@/store/modules/user/actions'
 import { getters } from '@/store/modules/user/getters'

fittrackee_client/src/store/modules/user/interfaces.ts

@@ -1,4 +1,5 @@
 import { ActionContext } from 'vuex'
+
 import { IFormData } from '@/interfaces'
 import { USER_STORE } from '@/store/constants'
 import { IRootState } from '@/store/modules/root/interfaces'
@@ -36,15 +37,15 @@ export interface IUserState {
   authUserProfile: IAuthUserProfile
 }
 
-export interface IUserGetters {
-  [USER_STORE.GETTERS.AUTH_TOKEN](state: IUserState): string | null
-  [USER_STORE.GETTERS.AUTH_USER_PROFILE](state: IUserState): IAuthUserProfile
-  [USER_STORE.GETTERS.IS_AUTHENTICATED](state: IUserState): boolean
-}
-
 export interface IUserActions {
   [USER_STORE.ACTIONS.LOGIN_OR_REGISTER](
     context: ActionContext<IUserState, IRootState>,
     data: ILoginOrRegisterData
   ): void
 }
+
+export interface IUserGetters {
+  [USER_STORE.GETTERS.AUTH_TOKEN](state: IUserState): string | null
+  [USER_STORE.GETTERS.AUTH_USER_PROFILE](state: IUserState): IAuthUserProfile
+  [USER_STORE.GETTERS.IS_AUTHENTICATED](state: IUserState): boolean
+}

fittrackee_client/src/store/modules/user/mutations.ts

@@ -1,7 +1,8 @@
 import { MutationTree } from 'vuex'
-import { TUserMutations } from '@/store/modules/user/types'
+
 import { USER_STORE } from '@/store/constants'
 import { IAuthUserProfile, IUserState } from '@/store/modules/user/interfaces'
+import { TUserMutations } from '@/store/modules/user/types'
 
 export const mutations: MutationTree<IUserState> & TUserMutations = {
   [USER_STORE.MUTATIONS.UPDATE_AUTH_TOKEN](

fittrackee_client/src/views/Login.vue

@@ -13,6 +13,7 @@
 
 <script lang="ts">
   import { defineComponent } from 'vue'
+
   import BikePic from '@/components/BikePic.vue'
   import LoginForm from '@/components/User/LoginForm.vue'
 

fittrackee_client/src/views/NotFound.vue

@@ -11,6 +11,7 @@
 <script lang="ts">
   import { defineComponent } from 'vue'
   import { useI18n } from 'vue-i18n'
+
   import Error from '@/components/Error.vue'
 
   export default defineComponent({