diff --git a/src/router/index.ts b/src/router/index.ts
index 7ed68a3b6..592f0ebdc 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -11,74 +11,74 @@ import {useProjectStore} from '@/stores/projects'
 import {useAuthStore} from '@/stores/auth'
 import {useBaseStore} from '@/stores/base'
 
-import HomeComponent from '../views/Home.vue'
-import NotFoundComponent from '../views/404.vue'
-import About from '../views/About.vue'
+import HomeComponent from '@/views/Home.vue'
+import NotFoundComponent from '@/views/404.vue'
+const About = () => import('@/views/About.vue')
 // User Handling
-import LoginComponent from '../views/user/Login.vue'
-import RegisterComponent from '../views/user/Register.vue'
-import OpenIdAuth from '../views/user/OpenIdAuth.vue'
-import DataExportDownload from '../views/user/DataExportDownload.vue'
+import LoginComponent from '@/views/user/Login.vue'
+import RegisterComponent from '@/views/user/Register.vue'
+import OpenIdAuth from '@/views/user/OpenIdAuth.vue'
+const DataExportDownload = () => import('@/views/user/DataExportDownload.vue')
 // Tasks
-import UpcomingTasksComponent from '../views/tasks/ShowTasks.vue'
-import LinkShareAuthComponent from '../views/sharing/LinkSharingAuth.vue'
-import ProjectNamespaces from '../views/namespaces/ListNamespaces.vue'
-const TaskDetailView = () => import('../views/tasks/TaskDetailView.vue')
+import UpcomingTasksComponent from '@/views/tasks/ShowTasks.vue'
+import LinkShareAuthComponent from '@/views/sharing/LinkSharingAuth.vue'
+const ListNamespaces = () => import('@/views/namespaces/ListNamespaces.vue')
+const TaskDetailView = () => import('@/views/tasks/TaskDetailView.vue')
 
 // Team Handling
-import ProjectTeamsComponent from '../views/teams/ListTeams.vue'
+const ListTeamsComponent = () => import('@/views/teams/ListTeams.vue')
 // Label Handling
-import ProjectLabelsComponent from '../views/labels/ListLabels.vue'
-import NewLabelComponent from '../views/labels/NewLabel.vue'
+const ListLabelsComponent = () => import('@/views/labels/ListLabels.vue')
+const NewLabelComponent = () => import('@/views/labels/NewLabel.vue')
 // Migration
 const MigrationComponent = () => import('@/views/migrate/Migration.vue')
 const MigrationHandlerComponent = () => import('@/views/migrate/MigrationHandler.vue')
 // Project Views
-import ProjectList from '../views/project/ProjectList.vue'
-const ProjectGantt = () => import('../views/project/ProjectGantt.vue')
-import ProjectTable from '../views/project/ProjectTable.vue'
-import ProjectKanban from '../views/project/ProjectKanban.vue'
-const ProjectInfo = () => import('../views/project/ProjectInfo.vue')
+const ProjectList = () => import('@/views/project/ProjectList.vue')
+const ProjectGantt = () => import('@/views/project/ProjectGantt.vue')
+const ProjectTable = () => import('@/views/project/ProjectTable.vue')
+const ProjectKanban = () => import('@/views/project/ProjectKanban.vue')
+const ProjectInfo = () => import('@/views/project/ProjectInfo.vue')
 
 // Project Settings
-import ProjectSettingEdit from '../views/project/settings/edit.vue'
-import ProjectSettingBackground from '../views/project/settings/background.vue'
-import ProjectSettingDuplicate from '../views/project/settings/duplicate.vue'
-import ProjectSettingShare from '../views/project/settings/share.vue'
-import ProjectSettingDelete from '../views/project/settings/delete.vue'
-import ProjectSettingArchive from '../views/project/settings/archive.vue'
+const ProjectSettingEdit = () => import('@/views/project/settings/edit.vue')
+const ProjectSettingBackground = () => import('@/views/project/settings/background.vue')
+const ProjectSettingDuplicate = () => import('@/views/project/settings/duplicate.vue')
+const ProjectSettingShare = () => import('@/views/project/settings/share.vue')
+const ProjectSettingDelete = () => import('@/views/project/settings/delete.vue')
+const ProjectSettingArchive = () => import('@/views/project/settings/archive.vue')
 
 // Namespace Settings
-import NamespaceSettingEdit from '../views/namespaces/settings/edit.vue'
-import NamespaceSettingShare from '../views/namespaces/settings/share.vue'
-import NamespaceSettingArchive from '../views/namespaces/settings/archive.vue'
-import NamespaceSettingDelete from '../views/namespaces/settings/delete.vue'
+const NamespaceSettingEdit = () => import('@/views/namespaces/settings/edit.vue')
+const NamespaceSettingShare = () => import('@/views/namespaces/settings/share.vue')
+const NamespaceSettingArchive = () => import('@/views/namespaces/settings/archive.vue')
+const NamespaceSettingDelete = () => import('@/views/namespaces/settings/delete.vue')
 
 // Saved Filters
-import FilterNew from '@/views/filters/FilterNew.vue'
-import FilterEdit from '@/views/filters/FilterEdit.vue'
-import FilterDelete from '@/views/filters/FilterDelete.vue'
+const FilterNew = () => import('@/views/filters/FilterNew.vue')
+const FilterEdit = () => import('@/views/filters/FilterEdit.vue')
+const FilterDelete = () => import('@/views/filters/FilterDelete.vue')
 
-const PasswordResetComponent = () => import('../views/user/PasswordReset.vue')
-const GetPasswordResetComponent = () => import('../views/user/RequestPasswordReset.vue')
-const UserSettingsComponent = () => import('../views/user/Settings.vue')
-const UserSettingsAvatarComponent = () => import('../views/user/settings/Avatar.vue')
-const UserSettingsCaldavComponent = () => import('../views/user/settings/Caldav.vue')
-const UserSettingsDataExportComponent = () => import('../views/user/settings/DataExport.vue')
-const UserSettingsDeletionComponent = () => import('../views/user/settings/Deletion.vue')
-const UserSettingsEmailUpdateComponent = () => import('../views/user/settings/EmailUpdate.vue')
-const UserSettingsGeneralComponent = () => import('../views/user/settings/General.vue')
-const UserSettingsPasswordUpdateComponent = () => import('../views/user/settings/PasswordUpdate.vue')
-const UserSettingsTOTPComponent = () => import('../views/user/settings/TOTP.vue')
+const PasswordResetComponent = () => import('@/views/user/PasswordReset.vue')
+const GetPasswordResetComponent = () => import('@/views/user/RequestPasswordReset.vue')
+const UserSettingsComponent = () => import('@/views/user/Settings.vue')
+const UserSettingsAvatarComponent = () => import('@/views/user/settings/Avatar.vue')
+const UserSettingsCaldavComponent = () => import('@/views/user/settings/Caldav.vue')
+const UserSettingsDataExportComponent = () => import('@/views/user/settings/DataExport.vue')
+const UserSettingsDeletionComponent = () => import('@/views/user/settings/Deletion.vue')
+const UserSettingsEmailUpdateComponent = () => import('@/views/user/settings/EmailUpdate.vue')
+const UserSettingsGeneralComponent = () => import('@/views/user/settings/General.vue')
+const UserSettingsPasswordUpdateComponent = () => import('@/views/user/settings/PasswordUpdate.vue')
+const UserSettingsTOTPComponent = () => import('@/views/user/settings/TOTP.vue')
 
 // Project Handling
-const NewProjectComponent = () => import('../views/project/NewProject.vue')
+const NewProjectComponent = () => import('@/views/project/NewProject.vue')
 
 // Namespace Handling
-const NewNamespaceComponent = () => import('../views/namespaces/NewNamespace.vue')
+const NewNamespaceComponent = () => import('@/views/namespaces/NewNamespace.vue')
 
-const EditTeamComponent = () => import('../views/teams/EditTeam.vue')
-const NewTeamComponent = () =>  import('../views/teams/NewTeam.vue')
+const EditTeamComponent = () => import('@/views/teams/EditTeam.vue')
+const NewTeamComponent = () =>  import('@/views/teams/NewTeam.vue')
 
 const router = createRouter({
 	history: createWebHistory(),