From 18d52e4babda133fc7142796bf6a9f7ef140a67a Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Wed, 7 May 2025 09:20:32 +0200
Subject: [PATCH] change: refactor imports

---
 src/components/Header.vue                                 | 2 +-
 src/components/account/ChangeToPassword.vue               | 2 +-
 src/components/account/PasswordChange.vue                 | 2 +-
 src/components/admin/MemberSearchSelect.vue               | 2 +-
 src/components/admin/club/member/CreateMemberModal.vue    | 4 ++--
 .../admin/club/newsletter/CreateNewsletterModal.vue       | 4 ++--
 src/components/admin/management/backup/BackupListItem.vue | 2 +-
 .../admin/management/backup/RestoreBackupModal.vue        | 4 ++--
 .../admin/management/webapi/CreateWebapiModal.vue         | 2 +-
 .../admin/management/webapi/WebapiTokenModal.vue          | 2 +-
 src/components/setup/Account.vue                          | 2 +-
 src/components/setup/App.vue                              | 2 +-
 src/components/setup/Club.vue                             | 2 +-
 src/components/setup/Images.vue                           | 2 +-
 src/components/setup/Mail.vue                             | 2 +-
 src/helpers/queryFormatter.ts                             | 2 +-
 src/router/backupGuard.ts                                 | 2 +-
 src/router/newsletterGuard.ts                             | 2 +-
 src/router/protocolGuard.ts                               | 2 +-
 src/stores/admin/club/newsletter/newsletterPrintout.ts    | 5 ++---
 src/stores/admin/configuration/queryStore.ts              | 6 +++---
 src/stores/admin/management/backup.ts                     | 2 +-
 src/stores/admin/navigation.ts                            | 2 +-
 src/stores/configuration.ts                               | 2 +-
 src/stores/setup.ts                                       | 2 +-
 src/viewmodels/admin/club/calendar.models.ts              | 2 +-
 src/viewmodels/admin/club/member/communication.models.ts  | 2 +-
 src/viewmodels/admin/club/member/member.models.ts         | 2 +-
 .../admin/club/newsletter/newsletterDates.models.ts       | 2 +-
 .../admin/club/newsletter/newsletterRecipients.models.ts  | 2 +-
 src/viewmodels/admin/management/backup.models.ts          | 2 +-
 src/views/Login.vue                                       | 2 +-
 src/views/account/LoginData.vue                           | 8 ++++----
 src/views/admin/club/members/MemberEdit.vue               | 2 +-
 src/views/admin/club/newsletter/Newsletter.vue            | 2 +-
 src/views/admin/club/newsletter/NewsletterPrintout.vue    | 2 +-
 src/views/admin/club/newsletter/NewsletterRouting.vue     | 4 ++--
 src/views/setup/Setup.vue                                 | 2 +-
 38 files changed, 48 insertions(+), 49 deletions(-)

diff --git a/src/components/Header.vue b/src/components/Header.vue
index 9872753..109c38a 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -42,7 +42,7 @@ import UserMenu from "./UserMenu.vue";
 <script lang="ts">
 import { defineComponent } from "vue";
 import AppLogo from "./AppLogo.vue";
-import { useConfigurationStore } from "../stores/configuration";
+import { useConfigurationStore } from "@/stores/configuration";
 export default defineComponent({
   computed: {
     ...mapState(useAuthStore, ["authCheck"]),
diff --git a/src/components/account/ChangeToPassword.vue b/src/components/account/ChangeToPassword.vue
index cbd14c7..0d061fc 100644
--- a/src/components/account/ChangeToPassword.vue
+++ b/src/components/account/ChangeToPassword.vue
@@ -48,7 +48,7 @@ import Spinner from "@/components/Spinner.vue";
 import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import TextCopy from "@/components/TextCopy.vue";
-import { hashString } from "../../helpers/crypto";
+import { hashString } from "@/helpers/crypto";
 </script>
 
 <script lang="ts">
diff --git a/src/components/account/PasswordChange.vue b/src/components/account/PasswordChange.vue
index eebd339..d7560e7 100644
--- a/src/components/account/PasswordChange.vue
+++ b/src/components/account/PasswordChange.vue
@@ -58,7 +58,7 @@ import MainTemplate from "@/templates/Main.vue";
 import Spinner from "@/components/Spinner.vue";
 import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
-import { hashString } from "../../helpers/crypto";
+import { hashString } from "@/helpers/crypto";
 </script>
 
 <script lang="ts">
diff --git a/src/components/admin/MemberSearchSelect.vue b/src/components/admin/MemberSearchSelect.vue
index c56b0ef..b5e0bd0 100644
--- a/src/components/admin/MemberSearchSelect.vue
+++ b/src/components/admin/MemberSearchSelect.vue
@@ -87,7 +87,7 @@ import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
 import { useMemberStore } from "@/stores/admin/club/member/member";
 import type { MemberViewModel } from "@/viewmodels/admin/club/member/member.models";
 import difference from "lodash.difference";
-import Spinner from "../Spinner.vue";
+import Spinner from "@/components/Spinner.vue";
 </script>
 
 <script lang="ts">
diff --git a/src/components/admin/club/member/CreateMemberModal.vue b/src/components/admin/club/member/CreateMemberModal.vue
index d91ed76..b25aa1e 100644
--- a/src/components/admin/club/member/CreateMemberModal.vue
+++ b/src/components/admin/club/member/CreateMemberModal.vue
@@ -109,8 +109,8 @@ import { Listbox, ListboxButton, ListboxOptions, ListboxOption, ListboxLabel } f
 import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
 import { useMemberStore } from "@/stores/admin/club/member/member";
 import type { CreateMemberViewModel } from "@/viewmodels/admin/club/member/member.models";
-import { useSalutationStore } from "../../../../stores/admin/configuration/salutation";
-import type { SalutationViewModel } from "../../../../viewmodels/admin/configuration/salutation.models";
+import { useSalutationStore } from "@/stores/admin/configuration/salutation";
+import type { SalutationViewModel } from "@/viewmodels/admin/configuration/salutation.models";
 import { InformationCircleIcon } from "@heroicons/vue/24/outline";
 </script>
 
diff --git a/src/components/admin/club/newsletter/CreateNewsletterModal.vue b/src/components/admin/club/newsletter/CreateNewsletterModal.vue
index f589b89..40da0c4 100644
--- a/src/components/admin/club/newsletter/CreateNewsletterModal.vue
+++ b/src/components/admin/club/newsletter/CreateNewsletterModal.vue
@@ -36,8 +36,8 @@ import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { useProtocolStore } from "@/stores/admin/club/protocol/protocol";
 import type { CreateProtocolViewModel } from "@/viewmodels/admin/club/protocol/protocol.models";
-import { useNewsletterStore } from "../../../../stores/admin/club/newsletter/newsletter";
-import type { CreateNewsletterViewModel } from "../../../../viewmodels/admin/club/newsletter/newsletter.models";
+import { useNewsletterStore } from "@/stores/admin/club/newsletter/newsletter";
+import type { CreateNewsletterViewModel } from "@/viewmodels/admin/club/newsletter/newsletter.models";
 </script>
 
 <script lang="ts">
diff --git a/src/components/admin/management/backup/BackupListItem.vue b/src/components/admin/management/backup/BackupListItem.vue
index 1962f15..7fe1a60 100644
--- a/src/components/admin/management/backup/BackupListItem.vue
+++ b/src/components/admin/management/backup/BackupListItem.vue
@@ -20,7 +20,7 @@ import { mapState, mapActions } from "pinia";
 import { ArchiveBoxArrowDownIcon, ArrowDownTrayIcon, BarsArrowUpIcon } from "@heroicons/vue/24/outline";
 import { useAbilityStore } from "@/stores/ability";
 import { useModalStore } from "@/stores/modal";
-import { useBackupStore } from "../../../../stores/admin/management/backup";
+import { useBackupStore } from "@/stores/admin/management/backup";
 </script>
 
 <script lang="ts">
diff --git a/src/components/admin/management/backup/RestoreBackupModal.vue b/src/components/admin/management/backup/RestoreBackupModal.vue
index aa58db8..6e8a60c 100644
--- a/src/components/admin/management/backup/RestoreBackupModal.vue
+++ b/src/components/admin/management/backup/RestoreBackupModal.vue
@@ -57,9 +57,9 @@ import Spinner from "@/components/Spinner.vue";
 import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { useBackupStore } from "@/stores/admin/management/backup";
-import type { BackupRestoreViewModel } from "../../../../viewmodels/admin/management/backup.models";
+import type { BackupRestoreViewModel } from "@/viewmodels/admin/management/backup.models";
 import { InformationCircleIcon } from "@heroicons/vue/24/outline";
-import { backupSections, type BackupSection } from "../../../../types/backupTypes";
+import { backupSections, type BackupSection } from "@/types/backupTypes";
 </script>
 
 <script lang="ts">
diff --git a/src/components/admin/management/webapi/CreateWebapiModal.vue b/src/components/admin/management/webapi/CreateWebapiModal.vue
index 9df8f94..4e9d372 100644
--- a/src/components/admin/management/webapi/CreateWebapiModal.vue
+++ b/src/components/admin/management/webapi/CreateWebapiModal.vue
@@ -39,7 +39,7 @@ import Spinner from "@/components/Spinner.vue";
 import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { useWebapiStore } from "@/stores/admin/management/webapi";
-import type { CreateWebapiViewModel } from "../../../../viewmodels/admin/management/webapi.models";
+import type { CreateWebapiViewModel } from "@/viewmodels/admin/management/webapi.models";
 </script>
 
 <script lang="ts">
diff --git a/src/components/admin/management/webapi/WebapiTokenModal.vue b/src/components/admin/management/webapi/WebapiTokenModal.vue
index a7f10fa..c55b7fe 100644
--- a/src/components/admin/management/webapi/WebapiTokenModal.vue
+++ b/src/components/admin/management/webapi/WebapiTokenModal.vue
@@ -28,7 +28,7 @@ import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
 import TextCopy from "@/components/TextCopy.vue";
 import { CalendarDaysIcon, InformationCircleIcon } from "@heroicons/vue/24/outline";
 import { host } from "@/serverCom";
-import { useWebapiStore } from "../../../../stores/admin/management/webapi";
+import { useWebapiStore } from "@/stores/admin/management/webapi";
 </script>
 
 <script lang="ts">
diff --git a/src/components/setup/Account.vue b/src/components/setup/Account.vue
index 95b88bd..a5b8a38 100644
--- a/src/components/setup/Account.vue
+++ b/src/components/setup/Account.vue
@@ -34,7 +34,7 @@ import Spinner from "@/components/Spinner.vue";
 import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { mapActions } from "pinia";
-import { useSetupStore } from "../../stores/setup";
+import { useSetupStore } from "@/stores/setup";
 </script>
 
 <script lang="ts">
diff --git a/src/components/setup/App.vue b/src/components/setup/App.vue
index fbc2079..2093ba7 100644
--- a/src/components/setup/App.vue
+++ b/src/components/setup/App.vue
@@ -32,7 +32,7 @@ import Spinner from "@/components/Spinner.vue";
 import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { mapActions } from "pinia";
-import { useSetupStore } from "../../stores/setup";
+import { useSetupStore } from "@/stores/setup";
 </script>
 
 <script lang="ts">
diff --git a/src/components/setup/Club.vue b/src/components/setup/Club.vue
index 96fa4f9..0e16feb 100644
--- a/src/components/setup/Club.vue
+++ b/src/components/setup/Club.vue
@@ -63,7 +63,7 @@ import Spinner from "@/components/Spinner.vue";
 import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { mapActions } from "pinia";
-import { useSetupStore } from "../../stores/setup";
+import { useSetupStore } from "@/stores/setup";
 </script>
 
 <script lang="ts">
diff --git a/src/components/setup/Images.vue b/src/components/setup/Images.vue
index 33f5c23..03519d8 100644
--- a/src/components/setup/Images.vue
+++ b/src/components/setup/Images.vue
@@ -37,7 +37,7 @@ import Spinner from "@/components/Spinner.vue";
 import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { mapActions } from "pinia";
-import { useSetupStore } from "../../stores/setup";
+import { useSetupStore } from "@/stores/setup";
 </script>
 
 <script lang="ts">
diff --git a/src/components/setup/Mail.vue b/src/components/setup/Mail.vue
index 170c541..344f8cd 100644
--- a/src/components/setup/Mail.vue
+++ b/src/components/setup/Mail.vue
@@ -57,7 +57,7 @@ import Spinner from "@/components/Spinner.vue";
 import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { mapActions } from "pinia";
-import { useSetupStore } from "../../stores/setup";
+import { useSetupStore } from "@/stores/setup";
 </script>
 
 <script lang="ts">
diff --git a/src/helpers/queryFormatter.ts b/src/helpers/queryFormatter.ts
index f934c6a..15eb87c 100644
--- a/src/helpers/queryFormatter.ts
+++ b/src/helpers/queryFormatter.ts
@@ -1,4 +1,4 @@
-import { joinTableFormatter, type FieldType, type QueryResult } from "../types/dynamicQueries";
+import { joinTableFormatter, type FieldType, type QueryResult } from "@/types/dynamicQueries";
 
 export function joinTableName(name: string): string {
   let normalized = joinTableFormatter[name];
diff --git a/src/router/backupGuard.ts b/src/router/backupGuard.ts
index 097b198..79a708c 100644
--- a/src/router/backupGuard.ts
+++ b/src/router/backupGuard.ts
@@ -1,4 +1,4 @@
-import { useBackupStore } from "../stores/admin/management/backup";
+import { useBackupStore } from "@/stores/admin/management/backup";
 
 export async function setBackupPage(to: any, from: any, next: any) {
   const backup = useBackupStore();
diff --git a/src/router/newsletterGuard.ts b/src/router/newsletterGuard.ts
index 5d96cf9..385c78e 100644
--- a/src/router/newsletterGuard.ts
+++ b/src/router/newsletterGuard.ts
@@ -1,7 +1,7 @@
 import { useNewsletterStore } from "@/stores/admin/club/newsletter/newsletter";
 import { useNewsletterDatesStore } from "@/stores/admin/club/newsletter/newsletterDates";
 import { useNewsletterRecipientsStore } from "@/stores/admin/club/newsletter/newsletterRecipients";
-import { useNewsletterPrintoutStore } from "../stores/admin/club/newsletter/newsletterPrintout";
+import { useNewsletterPrintoutStore } from "@/stores/admin/club/newsletter/newsletterPrintout";
 
 export async function setNewsletterId(to: any, from: any, next: any) {
   const newsletter = useNewsletterStore();
diff --git a/src/router/protocolGuard.ts b/src/router/protocolGuard.ts
index 9b235ce..41cb370 100644
--- a/src/router/protocolGuard.ts
+++ b/src/router/protocolGuard.ts
@@ -3,7 +3,7 @@ import { useProtocolAgendaStore } from "@/stores/admin/club/protocol/protocolAge
 import { useProtocolDecisionStore } from "@/stores/admin/club/protocol/protocolDecision";
 import { useProtocolPresenceStore } from "@/stores/admin/club/protocol/protocolPresence";
 import { useProtocolVotingStore } from "@/stores/admin/club/protocol/protocolVoting";
-import { useProtocolPrintoutStore } from "../stores/admin/club/protocol/protocolPrintout";
+import { useProtocolPrintoutStore } from "@/stores/admin/club/protocol/protocolPrintout";
 
 export async function setProtocolId(to: any, from: any, next: any) {
   const protocol = useProtocolStore();
diff --git a/src/stores/admin/club/newsletter/newsletterPrintout.ts b/src/stores/admin/club/newsletter/newsletterPrintout.ts
index 97bc4f3..143c425 100644
--- a/src/stores/admin/club/newsletter/newsletterPrintout.ts
+++ b/src/stores/admin/club/newsletter/newsletterPrintout.ts
@@ -1,9 +1,8 @@
 import { defineStore } from "pinia";
-import { http, newEventSource, streamingFetch } from "@/serverCom";
+import { http, streamingFetch } from "@/serverCom";
 import { useNewsletterStore } from "./newsletter";
 import type { AxiosResponse } from "axios";
-import type { EventSourcePolyfill } from "event-source-polyfill";
-import { useNotificationStore, type NotificationType } from "../../../notification";
+import { useNotificationStore, type NotificationType } from "@/stores/notification";
 
 export const useNewsletterPrintoutStore = defineStore("newsletterPrintout", {
   state: () => {
diff --git a/src/stores/admin/configuration/queryStore.ts b/src/stores/admin/configuration/queryStore.ts
index 451cbca..b2d0a1c 100644
--- a/src/stores/admin/configuration/queryStore.ts
+++ b/src/stores/admin/configuration/queryStore.ts
@@ -6,10 +6,10 @@ import type {
 } from "@/viewmodels/admin/configuration/query.models";
 import { http } from "@/serverCom";
 import type { AxiosResponse } from "axios";
-import { useQueryBuilderStore } from "../club/queryBuilder";
-import { useModalStore } from "../../modal";
+import { useQueryBuilderStore } from "@/stores/admin/club/queryBuilder";
+import { useModalStore } from "@/stores/modal";
 import { defineAsyncComponent, markRaw } from "vue";
-import { useAbilityStore } from "../../ability";
+import { useAbilityStore } from "@/stores/ability";
 
 export const useQueryStoreStore = defineStore("queryStore", {
   state: () => {
diff --git a/src/stores/admin/management/backup.ts b/src/stores/admin/management/backup.ts
index ab0b0e7..f46d198 100644
--- a/src/stores/admin/management/backup.ts
+++ b/src/stores/admin/management/backup.ts
@@ -1,7 +1,7 @@
 import { defineStore } from "pinia";
 import { http } from "@/serverCom";
 import type { AxiosResponse, AxiosProgressEvent } from "axios";
-import type { BackupRestoreViewModel } from "../../../viewmodels/admin/management/backup.models";
+import type { BackupRestoreViewModel } from "@/viewmodels/admin/management/backup.models";
 
 export const useBackupStore = defineStore("backup", {
   state: () => {
diff --git a/src/stores/admin/navigation.ts b/src/stores/admin/navigation.ts
index 116bbd6..8d43417 100644
--- a/src/stores/admin/navigation.ts
+++ b/src/stores/admin/navigation.ts
@@ -1,7 +1,7 @@
 import { defineStore } from "pinia";
 import { useAbilityStore } from "@/stores/ability";
 import router from "@/router";
-import type { PermissionSection } from "../../types/permissionTypes";
+import type { PermissionSection } from "@/types/permissionTypes";
 
 export type navigationModel = {
   [key in topLevelNavigationType]: navigationSplitModel;
diff --git a/src/stores/configuration.ts b/src/stores/configuration.ts
index 1e8bfd8..493b688 100644
--- a/src/stores/configuration.ts
+++ b/src/stores/configuration.ts
@@ -1,5 +1,5 @@
 import { defineStore } from "pinia";
-import { http } from "../serverCom";
+import { http } from "@/serverCom";
 
 export const useConfigurationStore = defineStore("configuration", {
   state: () => {
diff --git a/src/stores/setup.ts b/src/stores/setup.ts
index 3958eee..7294dee 100644
--- a/src/stores/setup.ts
+++ b/src/stores/setup.ts
@@ -1,5 +1,5 @@
 import { defineStore } from "pinia";
-import { http } from "../serverCom";
+import { http } from "@/serverCom";
 import type { AxiosResponse } from "axios";
 import { useConfigurationStore } from "./configuration";
 
diff --git a/src/viewmodels/admin/club/calendar.models.ts b/src/viewmodels/admin/club/calendar.models.ts
index c4c5351..cf11032 100644
--- a/src/viewmodels/admin/club/calendar.models.ts
+++ b/src/viewmodels/admin/club/calendar.models.ts
@@ -1,4 +1,4 @@
-import type { CalendarTypeViewModel } from "../configuration/calendarType.models";
+import type { CalendarTypeViewModel } from "@/viewmodels/admin/configuration/calendarType.models";
 
 export interface CalendarViewModel {
   id: string;
diff --git a/src/viewmodels/admin/club/member/communication.models.ts b/src/viewmodels/admin/club/member/communication.models.ts
index fd47dbf..75b79c2 100644
--- a/src/viewmodels/admin/club/member/communication.models.ts
+++ b/src/viewmodels/admin/club/member/communication.models.ts
@@ -1,4 +1,4 @@
-import type { CommunicationTypeViewModel } from "../../configuration/communicationType.models";
+import type { CommunicationTypeViewModel } from "@/viewmodels/admin/configuration/communicationType.models";
 
 export interface CommunicationViewModel {
   id: number;
diff --git a/src/viewmodels/admin/club/member/member.models.ts b/src/viewmodels/admin/club/member/member.models.ts
index eb5aae4..7701876 100644
--- a/src/viewmodels/admin/club/member/member.models.ts
+++ b/src/viewmodels/admin/club/member/member.models.ts
@@ -1,6 +1,6 @@
 import type { CommunicationViewModel } from "./communication.models";
 import type { MembershipViewModel } from "./membership.models";
-import type { SalutationViewModel } from "../../configuration/salutation.models";
+import type { SalutationViewModel } from "@/viewmodels/admin/configuration/salutation.models";
 
 export interface MemberViewModel {
   id: string;
diff --git a/src/viewmodels/admin/club/newsletter/newsletterDates.models.ts b/src/viewmodels/admin/club/newsletter/newsletterDates.models.ts
index 3db4d5b..9f691dc 100644
--- a/src/viewmodels/admin/club/newsletter/newsletterDates.models.ts
+++ b/src/viewmodels/admin/club/newsletter/newsletterDates.models.ts
@@ -1,4 +1,4 @@
-import type { CalendarViewModel } from "../calendar.models";
+import type { CalendarViewModel } from "@/viewmodels/admin/club/calendar.models";
 
 export interface NewsletterDatesViewModel {
   newsletterId: number;
diff --git a/src/viewmodels/admin/club/newsletter/newsletterRecipients.models.ts b/src/viewmodels/admin/club/newsletter/newsletterRecipients.models.ts
index b78192c..f10670d 100644
--- a/src/viewmodels/admin/club/newsletter/newsletterRecipients.models.ts
+++ b/src/viewmodels/admin/club/newsletter/newsletterRecipients.models.ts
@@ -1,4 +1,4 @@
-import type { MemberViewModel } from "../member/member.models";
+import type { MemberViewModel } from "@/viewmodels/admin/club/member/member.models";
 
 export interface NewsletterRecipientsViewModel {
   newsletterId: number;
diff --git a/src/viewmodels/admin/management/backup.models.ts b/src/viewmodels/admin/management/backup.models.ts
index 522c0ff..e7fd5e4 100644
--- a/src/viewmodels/admin/management/backup.models.ts
+++ b/src/viewmodels/admin/management/backup.models.ts
@@ -1,4 +1,4 @@
-import type { BackupSection } from "../../../types/backupTypes";
+import type { BackupSection } from "@/types/backupTypes";
 
 export interface BackupRestoreViewModel {
   filename: string;
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 6ef5c6b..487b753 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -81,7 +81,7 @@ import FormBottomBar from "@/components/FormBottomBar.vue";
 import AppLogo from "@/components/AppLogo.vue";
 import { mapState } from "pinia";
 import { useConfigurationStore } from "@/stores/configuration";
-import { hashString } from "../helpers/crypto";
+import { hashString } from "@/helpers/crypto";
 </script>
 
 <script lang="ts">
diff --git a/src/views/account/LoginData.vue b/src/views/account/LoginData.vue
index f91ad25..7378799 100644
--- a/src/views/account/LoginData.vue
+++ b/src/views/account/LoginData.vue
@@ -54,10 +54,10 @@ import Spinner from "@/components/Spinner.vue";
 import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import TextCopy from "@/components/TextCopy.vue";
-import TotpCheckAndScan from "../../components/account/TotpCheckAndScan.vue";
-import PasswordChange from "../../components/account/PasswordChange.vue";
-import ChangeToPassword from "../../components/account/ChangeToPassword.vue";
-import ChangeToTOTP from "../../components/account/ChangeToTOTP.vue";
+import TotpCheckAndScan from "@/components/account/TotpCheckAndScan.vue";
+import PasswordChange from "@/components/account/PasswordChange.vue";
+import ChangeToPassword from "@/components/account/ChangeToPassword.vue";
+import ChangeToTOTP from "@/components/account/ChangeToTOTP.vue";
 </script>
 
 <script lang="ts">
diff --git a/src/views/admin/club/members/MemberEdit.vue b/src/views/admin/club/members/MemberEdit.vue
index 42eb162..f7ce25f 100644
--- a/src/views/admin/club/members/MemberEdit.vue
+++ b/src/views/admin/club/members/MemberEdit.vue
@@ -103,7 +103,7 @@ import { Listbox, ListboxButton, ListboxOptions, ListboxOption, ListboxLabel } f
 import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
 import cloneDeep from "lodash.clonedeep";
 import isEqual from "lodash.isequal";
-import { useSalutationStore } from "../../../../stores/admin/configuration/salutation";
+import { useSalutationStore } from "@/stores/admin/configuration/salutation";
 </script>
 
 <script lang="ts">
diff --git a/src/views/admin/club/newsletter/Newsletter.vue b/src/views/admin/club/newsletter/Newsletter.vue
index 37e24ab..01c158f 100644
--- a/src/views/admin/club/newsletter/Newsletter.vue
+++ b/src/views/admin/club/newsletter/Newsletter.vue
@@ -38,7 +38,7 @@ import Pagination from "@/components/Pagination.vue";
 import { useAbilityStore } from "@/stores/ability";
 import { useNewsletterStore } from "@/stores/admin/club/newsletter/newsletter";
 import type { NewsletterViewModel } from "@/viewmodels/admin/club/newsletter/newsletter.models";
-import NewsletterListItem from "../../../../components/admin/club/newsletter/NewsletterListItem.vue";
+import NewsletterListItem from "@/components/admin/club/newsletter/NewsletterListItem.vue";
 </script>
 
 <script lang="ts">
diff --git a/src/views/admin/club/newsletter/NewsletterPrintout.vue b/src/views/admin/club/newsletter/NewsletterPrintout.vue
index db9dcd2..114de53 100644
--- a/src/views/admin/club/newsletter/NewsletterPrintout.vue
+++ b/src/views/admin/club/newsletter/NewsletterPrintout.vue
@@ -81,7 +81,7 @@ import FailureXMark from "@/components/FailureXMark.vue";
 import { ArrowDownTrayIcon, ViewfinderCircleIcon } from "@heroicons/vue/24/outline";
 import { useModalStore } from "@/stores/modal";
 import { useAbilityStore } from "@/stores/ability";
-import { useNewsletterPrintoutStore } from "../../../../stores/admin/club/newsletter/newsletterPrintout";
+import { useNewsletterPrintoutStore } from "@/stores/admin/club/newsletter/newsletterPrintout";
 </script>
 
 <script lang="ts">
diff --git a/src/views/admin/club/newsletter/NewsletterRouting.vue b/src/views/admin/club/newsletter/NewsletterRouting.vue
index c8805e4..6089853 100644
--- a/src/views/admin/club/newsletter/NewsletterRouting.vue
+++ b/src/views/admin/club/newsletter/NewsletterRouting.vue
@@ -53,8 +53,8 @@ import { useNewsletterStore } from "@/stores/admin/club/newsletter/newsletter";
 import { useModalStore } from "@/stores/modal";
 import NewsletterSyncing from "@/components/admin/club/newsletter/NewsletterSyncing.vue";
 import { PrinterIcon } from "@heroicons/vue/24/outline";
-import { useNewsletterDatesStore } from "../../../../stores/admin/club/newsletter/newsletterDates";
-import { useNewsletterRecipientsStore } from "../../../../stores/admin/club/newsletter/newsletterRecipients";
+import { useNewsletterDatesStore } from "@/stores/admin/club/newsletter/newsletterDates";
+import { useNewsletterRecipientsStore } from "@/stores/admin/club/newsletter/newsletterRecipients";
 </script>
 
 <script lang="ts">
diff --git a/src/views/setup/Setup.vue b/src/views/setup/Setup.vue
index dd51a4f..fbc67b8 100644
--- a/src/views/setup/Setup.vue
+++ b/src/views/setup/Setup.vue
@@ -32,7 +32,7 @@ import { useSetupStore } from "@/stores/setup";
 import Club from "@/components/setup/Club.vue";
 import Images from "@/components/setup/Images.vue";
 import Finished from "@/components/setup/Finished.vue";
-import Mail from "../../components/setup/Mail.vue";
+import Mail from "@/components/setup/Mail.vue";
 </script>
 
 <script lang="ts">