From 27711fab6e21564d33f01a34a46d1ea6751b066b Mon Sep 17 00:00:00 2001
From: Oleksandr Dzhychko <hey@oleks.dev>
Date: Sat, 15 Aug 2026 19:19:34 +0000
Subject: [PATCH] refactor(frontend): move to and enforce absolute imports

Assisted-by: ClaudeCode:claude-opus-4.8
Signed-off-by: Oleksandr Dzhychko <hey@oleks.dev>
---
 eslint.config.mjs                             | 10 ++++
 package-lock.json                             | 29 +++++++++
 package.json                                  |  1 +
 src/appointments/main-booking.js              |  2 +-
 src/appointments/main-confirmation.js         |  2 +-
 src/appointments/main-overview.js             |  2 +-
 .../AppNavigation/AppNavigationHeader.vue     |  8 +--
 .../AppNavigation/AppointmentConfigList.vue   |  2 +-
 src/components/AppNavigation/CalendarList.vue |  8 +--
 .../CalendarList/CalendarListNew.vue          |  2 +-
 .../AppNavigation/CalendarList/Trashbin.vue   |  8 +--
 .../AppNavigation/EditCalendarModal.vue       | 22 +++----
 .../EditCalendarModal/PublishCalendar.vue     |  2 +-
 .../EditCalendarModal/ShareItem.vue           |  6 +-
 .../EditCalendarModal/SharingSearch.vue       |  6 +-
 .../EmbedHeader/EmbedHeaderViewButtons.vue    |  2 +-
 .../AppNavigation/EmbedTopNavigation.vue      |  6 +-
 src/components/AppNavigation/Settings.vue     | 34 +++++------
 .../AppNavigation/Settings/ImportScreen.vue   |  2 +-
 .../Settings/ImportScreenRow.vue              | 10 ++--
 .../Settings/SettingsAttachmentsFolder.vue    |  4 +-
 .../Settings/SettingsImportSection.vue        | 14 ++---
 .../Settings/SettingsTimezoneSelect.vue       |  4 +-
 .../AppNavigation/UnscheduledTasksList.vue    |  6 +-
 src/components/AppointmentConfigModal.vue     | 14 ++---
 .../CheckedDurationSelect.vue                 |  2 +-
 .../Appointments/AppointmentDetails.vue       |  4 +-
 .../Appointments/AppointmentSlot.vue          |  2 +-
 src/components/CalendarGrid.vue               | 48 +++++++--------
 src/components/Editor/AddTalkModal.vue        |  2 +-
 src/components/Editor/Alarm/AlarmList.vue     |  8 +--
 src/components/Editor/Alarm/AlarmListItem.vue | 12 ++--
 src/components/Editor/Alarm/AlarmListNew.vue  | 10 ++--
 .../Editor/Attachments/AttachmentsList.vue    | 10 ++--
 .../Editor/AvatarParticipationStatus.vue      |  2 +-
 .../Editor/CalendarPickerHeader.vue           |  2 +-
 src/components/Editor/FreeBusy/FreeBusy.vue   | 24 ++++----
 .../Editor/FreeBusy/RoomAvailabilityList.vue  |  6 +-
 .../Editor/FreeBusy/RoomAvailabilityModal.vue | 22 +++----
 src/components/Editor/IllustrationHeader.vue  |  2 +-
 .../Editor/InvitationResponseButtons.vue      |  4 +-
 .../Editor/Invitees/InviteesList.vue          | 20 +++----
 .../Editor/Invitees/InviteesListItem.vue      | 10 ++--
 .../Editor/Invitees/InviteesListSearch.vue    |  8 +--
 .../Editor/Invitees/OrganizerListItem.vue     |  6 +-
 .../Properties/PropertyCalendarPicker.vue     |  4 +-
 .../Editor/Properties/PropertyColor.vue       |  2 +-
 .../Editor/Properties/PropertySelect.vue      |  2 +-
 .../Properties/PropertySelectMultiple.vue     |  6 +-
 .../PropertySelectMultipleColoredOption.vue   |  4 +-
 .../PropertySelectMultipleColoredTag.vue      |  4 +-
 .../Editor/Properties/PropertyText.vue        |  6 +-
 .../Editor/Properties/PropertyTitle.vue       |  2 +-
 .../Properties/PropertyTitleTimePicker.vue    |  6 +-
 src/components/Editor/Repeat/Repeat.vue       | 18 +++---
 .../Editor/Repeat/RepeatEndRepeat.vue         |  4 +-
 .../Editor/Repeat/RepeatFirstLastSelect.vue   |  2 +-
 .../Editor/Repeat/RepeatFreqInterval.vue      |  2 +-
 .../Repeat/RepeatFreqMonthlyOptions.vue       |  4 +-
 .../Editor/Repeat/RepeatFreqYearlyOptions.vue |  4 +-
 .../Editor/Repeat/RepeatSummary.vue           |  4 +-
 .../Editor/Resources/ResourceList.vue         | 18 +++---
 .../Editor/Resources/ResourceListItem.vue     | 18 +++---
 .../Editor/Resources/ResourceListSearch.vue   | 12 ++--
 .../Editor/Resources/ResourceRoomType.vue     |  2 +-
 src/components/Shared/CalendarPicker.vue      |  6 +-
 .../Shared/CalendarPickerOption.vue           |  2 +-
 src/components/Shared/DatePicker.vue          |  2 +-
 src/components/Shared/TimezoneSelect.vue      |  2 +-
 .../PublicCalendarSubscriptionPicker.vue      |  8 +--
 src/contactsMenu.js                           |  2 +-
 src/env.d.ts                                  |  2 +-
 src/fullcalendar/eventSources/eventSource.js  | 12 ++--
 .../eventSources/eventSourceFunction.js       | 12 ++--
 .../freeBusyBlockedForAllEventSource.js       |  6 +-
 .../eventSources/freeBusyEventSource.js       |  2 +-
 .../freeBusyResourceEventSource.js            |  2 +-
 src/fullcalendar/interaction/eventAllow.js    |  2 +-
 src/fullcalendar/interaction/eventClick.js    |  8 +--
 src/fullcalendar/interaction/eventDrop.js     | 18 +++---
 src/fullcalendar/interaction/eventResize.js   | 10 ++--
 .../interaction/navLinkDayClick.js            |  4 +-
 .../interaction/navLinkWeekClick.js           |  4 +-
 src/fullcalendar/interaction/select.js        |  4 +-
 src/fullcalendar/localization/momentPlugin.js |  2 +-
 src/fullcalendar/rendering/dayCellDidMount.js |  2 +-
 .../rendering/dayHeaderDidMount.js            |  2 +-
 src/fullcalendar/rendering/eventDidMount.js   |  4 +-
 .../rendering/noEventsDidMount.js             |  2 +-
 .../timezones/vtimezoneNamedTimezoneImpl.js   |  4 +-
 src/main.js                                   | 12 ++--
 src/mixins/EditorMixin.js                     | 28 ++++-----
 src/models/alarm.js                           |  4 +-
 src/models/calendar.js                        |  6 +-
 src/models/calendarObject.js                  |  2 +-
 src/models/calendarShare.js                   |  2 +-
 src/models/event.js                           | 12 ++--
 src/models/principal.js                       |  2 +-
 src/models/recurrenceRule.js                  |  4 +-
 src/models/rfcProps.js                        |  2 +-
 src/models/schedulingObject.js                |  4 +-
 src/proposal-public.ts                        |  2 +-
 src/reference.js                              |  2 +-
 src/router.js                                 |  8 +--
 src/services/appointmentConfigService.js      |  4 +-
 src/services/attachmentService.js             |  2 +-
 src/services/attendeeDetails.js               |  2 +-
 src/services/caldavService.js                 |  2 +-
 src/services/circleService.js                 |  2 +-
 src/services/freeBusyService.js               |  4 +-
 src/services/freeBusySlotService.js           |  8 +--
 src/services/notifyService.ts                 |  4 +-
 src/services/settings.js                      |  2 +-
 src/services/windowTitleService.js            |  6 +-
 src/store/appointmentConfigs.js               |  4 +-
 src/store/calendarObjectInstance.js           | 26 ++++----
 src/store/calendarObjects.js                  | 10 ++--
 src/store/calendars.js                        | 30 +++++-----
 src/store/delegation.ts                       |  4 +-
 src/store/fetchedTimeRanges.js                |  2 +-
 src/store/importState.js                      |  2 +-
 src/store/principals.js                       |  6 +-
 src/store/settings.js                         | 22 +++----
 src/store/unscheduledTasks.js                 |  2 +-
 src/types/proposals/proposalInterfaces.ts     |  2 +-
 src/utils/alarms.js                           |  8 +--
 src/utils/color.js                            |  4 +-
 src/utils/date.js                             |  6 +-
 src/utils/freebusy.js                         |  2 +-
 src/utils/router.js                           |  2 +-
 src/views/Appointments/Booking.vue            |  8 +--
 src/views/Appointments/Confirmation.vue       |  4 +-
 src/views/Calendar.vue                        | 60 +++++++++----------
 src/views/ContactsMenuAvailability.vue        | 14 ++---
 src/views/EditFull.vue                        | 46 +++++++-------
 src/views/EditSimple.vue                      | 28 ++++-----
 src/views/Proposal/ProposalEditor.vue         |  2 +-
 .../defaults/defaultAlarmProvider.test.js     |  2 +-
 .../unit/defaults/defaultCategories.test.js   |  2 +-
 .../unit/filters/alarmFormat.test.js          |  2 +-
 .../unit/filters/dateFormat.test.js           |  2 +-
 .../unit/filters/dateRangeFormat.test.js      |  2 +-
 .../unit/filters/recurrenceRuleFormat.test.js |  2 +-
 .../unit/fullcalendar/duration.test.js        |  2 +-
 .../eventSources/eventSource.test.js          | 24 ++++----
 ...reeBusyResourceEventSourceFunction.test.js | 12 ++--
 .../interaction/eventAllow.test.js            |  2 +-
 .../interaction/eventClick.test.js            | 10 ++--
 .../interaction/eventDrop.test.js             | 28 ++++-----
 .../interaction/eventResize.test.js           | 20 +++----
 .../interaction/navLinkDayClick.test.js       |  6 +-
 .../interaction/navLinkWeekClick.test.js      |  6 +-
 .../fullcalendar/interaction/select.test.js   |  4 +-
 .../rendering/eventDidMount.test.js           |  6 +-
 .../rendering/eventLimitText.test.js          |  2 +-
 .../fullcalendar/rendering/eventOrder.test.js |  2 +-
 .../fullcalendar/rendering/windowResize.js    |  2 +-
 tests/javascript/unit/models/alarm.test.js    | 12 ++--
 .../unit/models/appointmentConfig.test.js     |  2 +-
 tests/javascript/unit/models/attendee.test.js |  2 +-
 tests/javascript/unit/models/calendar.test.js |  6 +-
 .../unit/models/calendarObject.test.js        |  4 +-
 .../unit/models/calendarShare.test.js         |  2 +-
 tests/javascript/unit/models/contact.test.js  |  2 +-
 tests/javascript/unit/models/event.test.js    | 24 ++++----
 .../javascript/unit/models/principal.test.js  |  2 +-
 .../unit/models/recurrenceRule.test.js        |  8 +--
 tests/javascript/unit/models/rfcProps.test.js |  6 +-
 .../unit/models/schedulingObject.test.js      |  4 +-
 .../unit/services/freeBusyService.test.js     |  6 +-
 .../unit/services/freeBusySlotService.test.js |  2 +-
 .../javascript/unit/services/settings.test.js |  6 +-
 .../unit/services/talkService.test.js         |  2 +-
 .../unit/services/windowTitleService.test.js  | 12 ++--
 .../unit/store/calendarObjects.test.js        |  2 +-
 tests/javascript/unit/store/calendars.test.js |  2 +-
 tests/javascript/unit/store/contacts.test.js  |  2 +-
 .../unit/store/davRestrictions.test.js        |  2 +-
 .../javascript/unit/store/importFiles.test.js |  2 +-
 .../javascript/unit/store/importState.test.js |  4 +-
 tests/javascript/unit/store/settings.test.js  | 28 ++++-----
 tests/javascript/unit/store/tasks.test.js     |  2 +-
 tests/javascript/unit/utils/alarms.test.js    |  2 +-
 tests/javascript/unit/utils/attendee.test.js  |  2 +-
 .../unit/utils/closestColor.test.js           |  2 +-
 tests/javascript/unit/utils/color.test.js     |  2 +-
 tests/javascript/unit/utils/date.test.js      |  6 +-
 tests/javascript/unit/utils/freebusy.test.js  |  6 +-
 tests/javascript/unit/utils/randomId.test.js  |  2 +-
 .../javascript/unit/utils/recurrence.test.js  |  2 +-
 tests/javascript/unit/utils/router.test.js    |  2 +-
 tests/javascript/unit/utils/settings.test.js  |  2 +-
 192 files changed, 715 insertions(+), 675 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index f405c07405..200abc3997 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -4,6 +4,7 @@
  */
 
 import { recommended } from '@nextcloud/eslint-config'
+import eslintPluginPath from 'eslint-plugin-path'
 import pluginVue from 'eslint-plugin-vue'
 import tseslint from 'typescript-eslint'
 import vitest from '@vitest/eslint-plugin'
@@ -45,4 +46,13 @@ export default [
 			},
 		},
 	},
+	{
+		files: ['**/*.js', '**/*.vue', '**/*.ts'],
+		plugins: {
+			path: eslintPluginPath,
+		},
+		rules: {
+			'path/only-absolute-imports': 'error',
+		},
+	},
 ]
diff --git a/package-lock.json b/package-lock.json
index 411d6d7ccf..04455d75b4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -69,6 +69,7 @@
         "@vue/compiler-sfc": "^3.5.41",
         "@vue/test-utils": "^2.4.11",
         "css-loader": "^7.1.4",
+        "eslint-plugin-path": "^2.1.0",
         "jsdom": "^30.0.1",
         "sass": "^1.102.0",
         "sass-loader": "^17.0.0",
@@ -6618,6 +6619,24 @@
         "node": ">=10"
       }
     },
+    "node_modules/eslint-plugin-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-path/-/eslint-plugin-path-2.1.0.tgz",
+      "integrity": "sha512-J5l6qTi+eZyHJWPlpfK8iL/+mYgz62dHVmOtwnSzuBfH+DrcLadolCh6Bpe33/kwyx1M8agwENz4/94192czBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "^8.29.0",
+        "@typescript-eslint/utils": "^8.29.0",
+        "load-tsconfig": "^0.2.5"
+      },
+      "engines": {
+        "node": ">= 12.22.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=9.0.0"
+      }
+    },
     "node_modules/eslint-plugin-perfectionist": {
       "version": "5.10.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-perfectionist/-/eslint-plugin-perfectionist-5.10.0.tgz",
@@ -9270,6 +9289,16 @@
       "integrity": "sha512-P8aEP5U/D1/IlTY2OeYsErdwh9bGuLE30NcXtKEjgdHcahveQoQwM2yZNsioQHsWFz0P7KKudisbrzCgR0sDHg==",
       "license": "MIT"
     },
+    "node_modules/load-tsconfig": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/load-tsconfig/-/load-tsconfig-0.2.5.tgz",
+      "integrity": "sha512-IXO6OCs9yg8tMKzfPZ1YmheJbZCiEsnBdcB03l0OcfK9prKnJb96siuHCr5Fl37/yo9DnKU+TLpxzTUspw9shg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
     "node_modules/loader-runner": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.1.tgz",
diff --git a/package.json b/package.json
index fec1a04180..593f77e8f7 100644
--- a/package.json
+++ b/package.json
@@ -103,6 +103,7 @@
     "@vue/compiler-sfc": "^3.5.41",
     "@vue/test-utils": "^2.4.11",
     "css-loader": "^7.1.4",
+    "eslint-plugin-path": "^2.1.0",
     "jsdom": "^30.0.1",
     "sass": "^1.102.0",
     "sass-loader": "^17.0.0",
diff --git a/src/appointments/main-booking.js b/src/appointments/main-booking.js
index a205e8b710..851718b6d8 100644
--- a/src/appointments/main-booking.js
+++ b/src/appointments/main-booking.js
@@ -8,7 +8,7 @@ import { loadState } from '@nextcloud/initial-state'
 import { translate, translatePlural } from '@nextcloud/l10n'
 import { linkTo } from '@nextcloud/router'
 import { createApp } from 'vue'
-import Booking from '../views/Appointments/Booking.vue'
+import Booking from '@/views/Appointments/Booking.vue'
 
 // CSP config for webpack dynamic chunk loading
 
diff --git a/src/appointments/main-confirmation.js b/src/appointments/main-confirmation.js
index 14a142e44b..445710504a 100644
--- a/src/appointments/main-confirmation.js
+++ b/src/appointments/main-confirmation.js
@@ -8,7 +8,7 @@ import { loadState } from '@nextcloud/initial-state'
 import { translate, translatePlural } from '@nextcloud/l10n'
 import { linkTo } from '@nextcloud/router'
 import { createApp } from 'vue'
-import Confirmation from '../views/Appointments/Confirmation.vue'
+import Confirmation from '@/views/Appointments/Confirmation.vue'
 
 // CSP config for webpack dynamic chunk loading
 __webpack_nonce__ = btoa(getRequestToken())
diff --git a/src/appointments/main-overview.js b/src/appointments/main-overview.js
index 4a01216fd9..1fdbcae94a 100644
--- a/src/appointments/main-overview.js
+++ b/src/appointments/main-overview.js
@@ -8,7 +8,7 @@ import { loadState } from '@nextcloud/initial-state'
 import { translate, translatePlural } from '@nextcloud/l10n'
 import { linkTo } from '@nextcloud/router'
 import { createApp } from 'vue'
-import Overview from '../views/Appointments/Overview.vue'
+import Overview from '@/views/Appointments/Overview.vue'
 
 // CSP config for webpack dynamic chunk loading
 
diff --git a/src/components/AppNavigation/AppNavigationHeader.vue b/src/components/AppNavigation/AppNavigationHeader.vue
index 8a5bd8821c..f0917145fa 100644
--- a/src/components/AppNavigation/AppNavigationHeader.vue
+++ b/src/components/AppNavigation/AppNavigationHeader.vue
@@ -7,10 +7,10 @@
 import { t } from '@nextcloud/l10n'
 import { computed } from 'vue'
 import NcAppNavigationSearch from '@nextcloud/vue/components/NcAppNavigationSearch'
-import AppNavigationHeaderDatePicker from './AppNavigationHeader/AppNavigationHeaderDatePicker.vue'
-import AppNavigationHeaderNewEvent from './AppNavigationHeader/AppNavigationHeaderNewEvent.vue'
-import AppNavigationHeaderTodayButton from './AppNavigationHeader/AppNavigationHeaderTodayButton.vue'
-import AppNavigationHeaderViewMenu from './AppNavigationHeader/AppNavigationHeaderViewMenu.vue'
+import AppNavigationHeaderDatePicker from '@/components/AppNavigation/AppNavigationHeader/AppNavigationHeaderDatePicker.vue'
+import AppNavigationHeaderNewEvent from '@/components/AppNavigation/AppNavigationHeader/AppNavigationHeaderNewEvent.vue'
+import AppNavigationHeaderTodayButton from '@/components/AppNavigation/AppNavigationHeader/AppNavigationHeaderTodayButton.vue'
+import AppNavigationHeaderViewMenu from '@/components/AppNavigation/AppNavigationHeader/AppNavigationHeaderViewMenu.vue'
 import useSettingsStore from '@/store/settings.js'
 
 defineProps<{
diff --git a/src/components/AppNavigation/AppointmentConfigList.vue b/src/components/AppNavigation/AppointmentConfigList.vue
index 229334dfdf..09384c0c6f 100644
--- a/src/components/AppNavigation/AppointmentConfigList.vue
+++ b/src/components/AppNavigation/AppointmentConfigList.vue
@@ -11,7 +11,7 @@ import {
 } from '@nextcloud/vue'
 import { computed, ref } from 'vue'
 import PlusIcon from 'vue-material-design-icons/Plus.vue'
-import AppointmentConfigListItem from './AppointmentConfigList/AppointmentConfigListItem.vue'
+import AppointmentConfigListItem from '@/components/AppNavigation/AppointmentConfigList/AppointmentConfigListItem.vue'
 import AppointmentConfigModal from '@/components/AppointmentConfigModal.vue'
 import NoEmailAddressWarning from '@/components/AppointmentConfigModal/NoEmailAddressWarning.vue'
 import AppointmentConfig from '@/models/appointmentConfig.js'
diff --git a/src/components/AppNavigation/CalendarList.vue b/src/components/AppNavigation/CalendarList.vue
index 9ba779bb6c..7d28adcb4d 100644
--- a/src/components/AppNavigation/CalendarList.vue
+++ b/src/components/AppNavigation/CalendarList.vue
@@ -13,10 +13,10 @@ import debounce from 'debounce'
 import pLimit from 'p-limit'
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 import Draggable from 'vuedraggable'
-import CalendarListItem from './CalendarList/CalendarListItem.vue'
-import CalendarListItemLoadingPlaceholder from './CalendarList/CalendarListItemLoadingPlaceholder.vue'
-import CalendarListNew from './CalendarList/CalendarListNew.vue'
-import PublicCalendarListItem from './CalendarList/PublicCalendarListItem.vue'
+import CalendarListItem from '@/components/AppNavigation/CalendarList/CalendarListItem.vue'
+import CalendarListItemLoadingPlaceholder from '@/components/AppNavigation/CalendarList/CalendarListItemLoadingPlaceholder.vue'
+import CalendarListNew from '@/components/AppNavigation/CalendarList/CalendarListNew.vue'
+import PublicCalendarListItem from '@/components/AppNavigation/CalendarList/PublicCalendarListItem.vue'
 import useCalendarsStore from '@/store/calendars.js'
 import usePrincipalsStore from '@/store/principals.js'
 import logger from '@/utils/logger.js'
diff --git a/src/components/AppNavigation/CalendarList/CalendarListNew.vue b/src/components/AppNavigation/CalendarList/CalendarListNew.vue
index 6b3fef39da..13bf1d4f06 100644
--- a/src/components/AppNavigation/CalendarList/CalendarListNew.vue
+++ b/src/components/AppNavigation/CalendarList/CalendarListNew.vue
@@ -30,7 +30,7 @@ import useSettingsStore from '@/store/settings.js'
 import { uidToHexColor } from '@/utils/color.js'
 import logger from '@/utils/logger.js'
 
-const PublicCalendarSubscriptionPicker = defineAsyncComponent(() => import(/* webpackChunkName: "public-calendar-subscription-picker" */ '../../Subscription/PublicCalendarSubscriptionPicker.vue'))
+const PublicCalendarSubscriptionPicker = defineAsyncComponent(() => import(/* webpackChunkName: "public-calendar-subscription-picker" */ '@/components/Subscription/PublicCalendarSubscriptionPicker.vue'))
 
 const calendarsStore = useCalendarsStore()
 const settingsStore = useSettingsStore()
diff --git a/src/components/AppNavigation/CalendarList/Trashbin.vue b/src/components/AppNavigation/CalendarList/Trashbin.vue
index 57599996b8..533ae0c310 100644
--- a/src/components/AppNavigation/CalendarList/Trashbin.vue
+++ b/src/components/AppNavigation/CalendarList/Trashbin.vue
@@ -116,10 +116,10 @@ import {
 } from '@nextcloud/vue'
 import { mapState, mapStores } from 'pinia'
 import IconDelete from 'vue-material-design-icons/TrashCanOutline.vue'
-import useCalendarsStore from '../../../store/calendars.js'
-import useSettingsStore from '../../../store/settings.js'
-import { uidToHexColor } from '../../../utils/color.js'
-import logger from '../../../utils/logger.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useSettingsStore from '@/store/settings.js'
+import { uidToHexColor } from '@/utils/color.js'
+import logger from '@/utils/logger.js'
 
 export default {
 	name: 'Trashbin',
diff --git a/src/components/AppNavigation/EditCalendarModal.vue b/src/components/AppNavigation/EditCalendarModal.vue
index 94dbff2ee8..06ed11e6c9 100644
--- a/src/components/AppNavigation/EditCalendarModal.vue
+++ b/src/components/AppNavigation/EditCalendarModal.vue
@@ -130,20 +130,20 @@ import CheckIcon from 'vue-material-design-icons/Check.vue'
 import CloseIcon from 'vue-material-design-icons/Close.vue'
 import DeleteIcon from 'vue-material-design-icons/TrashCanOutline.vue'
 import DownloadIcon from 'vue-material-design-icons/TrayArrowDown.vue'
-import InternalLink from './EditCalendarModal/InternalLink.vue'
-import PublishCalendar from './EditCalendarModal/PublishCalendar.vue'
-import ShareItem from './EditCalendarModal/ShareItem.vue'
-import SharingSearch from './EditCalendarModal/SharingSearch.vue'
-import { getDefaultAlarms } from '../../defaults/defaultAlarmProvider.js'
-import alarmFormat from '../../filters/alarmFormat.js'
-import useCalendarsStore from '../../store/calendars.js'
-import useSettingsStore from '../../store/settings.js'
+import InternalLink from '@/components/AppNavigation/EditCalendarModal/InternalLink.vue'
+import PublishCalendar from '@/components/AppNavigation/EditCalendarModal/PublishCalendar.vue'
+import ShareItem from '@/components/AppNavigation/EditCalendarModal/ShareItem.vue'
+import SharingSearch from '@/components/AppNavigation/EditCalendarModal/SharingSearch.vue'
+import { getDefaultAlarms } from '@/defaults/defaultAlarmProvider.js'
+import alarmFormat from '@/filters/alarmFormat.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useSettingsStore from '@/store/settings.js'
 import {
 	getAmountAndUnitForTimedEvents,
 	getAmountHoursMinutesAndUnitForAllDayEvents,
-} from '../../utils/alarms.js'
-import logger from '../../utils/logger.js'
-import { isAfterVersion } from '../../utils/nextcloudVersion.ts'
+} from '@/utils/alarms.js'
+import logger from '@/utils/logger.js'
+import { isAfterVersion } from '@/utils/nextcloudVersion.ts'
 
 export default {
 	name: 'EditCalendarModal',
diff --git a/src/components/AppNavigation/EditCalendarModal/PublishCalendar.vue b/src/components/AppNavigation/EditCalendarModal/PublishCalendar.vue
index d569380c73..21de5d728f 100644
--- a/src/components/AppNavigation/EditCalendarModal/PublishCalendar.vue
+++ b/src/components/AppNavigation/EditCalendarModal/PublishCalendar.vue
@@ -150,7 +150,7 @@ import Email from 'vue-material-design-icons/EmailOutline.vue'
 import LinkIcon from 'vue-material-design-icons/Link.vue'
 import PlusIcon from 'vue-material-design-icons/Plus.vue'
 import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
-import useCalendarsStore from '../../../store/calendars.js'
+import useCalendarsStore from '@/store/calendars.js'
 import logger from '@/utils/logger.js'
 
 export default {
diff --git a/src/components/AppNavigation/EditCalendarModal/ShareItem.vue b/src/components/AppNavigation/EditCalendarModal/ShareItem.vue
index 6e1d013100..481bc715d4 100644
--- a/src/components/AppNavigation/EditCalendarModal/ShareItem.vue
+++ b/src/components/AppNavigation/EditCalendarModal/ShareItem.vue
@@ -46,10 +46,10 @@ import { mapStores } from 'pinia'
 import AccountGroupIcon from 'vue-material-design-icons/AccountGroupOutline.vue'
 import AccountMultiple from 'vue-material-design-icons/AccountMultipleOutline.vue'
 import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
-import useCalendarsStore from '../../../store/calendars.js'
-import usePrincipalsStore from '../../../store/principals.js'
-import { randomId } from '../../../utils/randomId.js'
+import useCalendarsStore from '@/store/calendars.js'
+import usePrincipalsStore from '@/store/principals.js'
 import logger from '@/utils/logger.js'
+import { randomId } from '@/utils/randomId.js'
 
 export default {
 	name: 'ShareItem',
diff --git a/src/components/AppNavigation/EditCalendarModal/SharingSearch.vue b/src/components/AppNavigation/EditCalendarModal/SharingSearch.vue
index e5b52e9d2a..63ddf30642 100644
--- a/src/components/AppNavigation/EditCalendarModal/SharingSearch.vue
+++ b/src/components/AppNavigation/EditCalendarModal/SharingSearch.vue
@@ -55,9 +55,9 @@ import debounce from 'debounce'
 import { mapStores } from 'pinia'
 import AccountGroupIcon from 'vue-material-design-icons/AccountGroup.vue'
 import AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'
-import { principalPropertySearchByDisplaynameOrEmail } from '../../../services/caldavService.js'
-import useCalendarsStore from '../../../store/calendars.js'
-import usePrincipalsStore from '../../../store/principals.js'
+import { principalPropertySearchByDisplaynameOrEmail } from '@/services/caldavService.js'
+import useCalendarsStore from '@/store/calendars.js'
+import usePrincipalsStore from '@/store/principals.js'
 import { urldecode } from '@/utils/url.ts'
 
 export default {
diff --git a/src/components/AppNavigation/EmbedHeader/EmbedHeaderViewButtons.vue b/src/components/AppNavigation/EmbedHeader/EmbedHeaderViewButtons.vue
index 604ee8f2cc..8ad8b697e8 100644
--- a/src/components/AppNavigation/EmbedHeader/EmbedHeaderViewButtons.vue
+++ b/src/components/AppNavigation/EmbedHeader/EmbedHeaderViewButtons.vue
@@ -41,7 +41,7 @@
 <script>
 import { NcButton } from '@nextcloud/vue'
 import { mapStores } from 'pinia'
-import useWidgetStore from '../../../store/widget.js'
+import useWidgetStore from '@/store/widget.js'
 
 export default {
 	name: 'EmbedHeaderViewButtons',
diff --git a/src/components/AppNavigation/EmbedTopNavigation.vue b/src/components/AppNavigation/EmbedTopNavigation.vue
index 4e555df049..3bc286bcac 100644
--- a/src/components/AppNavigation/EmbedTopNavigation.vue
+++ b/src/components/AppNavigation/EmbedTopNavigation.vue
@@ -16,9 +16,9 @@ import {
 } from '@nextcloud/vue'
 import CalendarBlank from 'vue-material-design-icons/CalendarBlankOutline.vue'
 import Download from 'vue-material-design-icons/TrayArrowDown.vue'
-import AppNavigationHeaderDatePicker from './AppNavigationHeader/AppNavigationHeaderDatePicker.vue'
-import AppNavigationHeaderTodayButton from './EmbedHeader/EmbedHeaderTodayButton.vue'
-import AppNavigationHeaderViewButtons from './EmbedHeader/EmbedHeaderViewButtons.vue'
+import AppNavigationHeaderDatePicker from '@/components/AppNavigation/AppNavigationHeader/AppNavigationHeaderDatePicker.vue'
+import AppNavigationHeaderTodayButton from '@/components/AppNavigation/EmbedHeader/EmbedHeaderTodayButton.vue'
+import AppNavigationHeaderViewButtons from '@/components/AppNavigation/EmbedHeader/EmbedHeaderViewButtons.vue'
 import useCalendarsStore from '@/store/calendars.js'
 import logger from '@/utils/logger.js'
 
diff --git a/src/components/AppNavigation/Settings.vue b/src/components/AppNavigation/Settings.vue
index 3e2dfa1c18..f57063991a 100644
--- a/src/components/AppNavigation/Settings.vue
+++ b/src/components/AppNavigation/Settings.vue
@@ -169,30 +169,30 @@ import {
 } from '@nextcloud/vue'
 import { mapState, mapStores } from 'pinia'
 import CogIcon from 'vue-material-design-icons/CogOutline.vue'
-import CalendarPicker from '../Shared/CalendarPicker.vue'
-import EventLegend from './Settings/EventLegend.vue'
-import SettingsAttachmentsFolder from './Settings/SettingsAttachmentsFolder.vue'
-import SettingsDelegationSection from './Settings/SettingsDelegationSection.vue'
-import SettingsImportSection from './Settings/SettingsImportSection.vue'
-import SettingsTimezoneSelect from './Settings/SettingsTimezoneSelect.vue'
-import ShortcutOverview from './Settings/ShortcutOverview.vue'
-import { getDefaultAlarms } from '../../defaults/defaultAlarmProvider.js'
-import alarmFormat from '../../filters/alarmFormat.js'
+import EventLegend from '@/components/AppNavigation/Settings/EventLegend.vue'
+import SettingsAttachmentsFolder from '@/components/AppNavigation/Settings/SettingsAttachmentsFolder.vue'
+import SettingsDelegationSection from '@/components/AppNavigation/Settings/SettingsDelegationSection.vue'
+import SettingsImportSection from '@/components/AppNavigation/Settings/SettingsImportSection.vue'
+import SettingsTimezoneSelect from '@/components/AppNavigation/Settings/SettingsTimezoneSelect.vue'
+import ShortcutOverview from '@/components/AppNavigation/Settings/ShortcutOverview.vue'
+import CalendarPicker from '@/components/Shared/CalendarPicker.vue'
+import { getDefaultAlarms } from '@/defaults/defaultAlarmProvider.js'
+import alarmFormat from '@/filters/alarmFormat.js'
 import {
 	IMPORT_STAGE_DEFAULT,
 	IMPORT_STAGE_IMPORTING,
 	IMPORT_STAGE_PROCESSING,
-} from '../../models/consts.js'
-import useCalendarsStore from '../../store/calendars.js'
-import useImportFilesStore from '../../store/importFiles.js'
-import usePrincipalsStore from '../../store/principals.js'
-import useSettingsStore from '../../store/settings.js'
+} from '@/models/consts.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useImportFilesStore from '@/store/importFiles.js'
+import usePrincipalsStore from '@/store/principals.js'
+import useSettingsStore from '@/store/settings.js'
 import {
 	getAmountAndUnitForTimedEvents,
 	getAmountHoursMinutesAndUnitForAllDayEvents,
-} from '../../utils/alarms.js'
-import logger from '../../utils/logger.js'
-import { isAfterVersion } from '../../utils/nextcloudVersion.ts'
+} from '@/utils/alarms.js'
+import logger from '@/utils/logger.js'
+import { isAfterVersion } from '@/utils/nextcloudVersion.ts'
 
 export default {
 	name: 'Settings',
diff --git a/src/components/AppNavigation/Settings/ImportScreen.vue b/src/components/AppNavigation/Settings/ImportScreen.vue
index 78a08c99d9..bea60daac4 100644
--- a/src/components/AppNavigation/Settings/ImportScreen.vue
+++ b/src/components/AppNavigation/Settings/ImportScreen.vue
@@ -42,7 +42,7 @@
 
 <script>
 import { NcModal as Modal, NcButton } from '@nextcloud/vue'
-import ImportScreenRow from './ImportScreenRow.vue'
+import ImportScreenRow from '@/components/AppNavigation/Settings/ImportScreenRow.vue'
 
 export default {
 	name: 'ImportScreen',
diff --git a/src/components/AppNavigation/Settings/ImportScreenRow.vue b/src/components/AppNavigation/Settings/ImportScreenRow.vue
index 8e25154aa1..42e9744b30 100644
--- a/src/components/AppNavigation/Settings/ImportScreenRow.vue
+++ b/src/components/AppNavigation/Settings/ImportScreenRow.vue
@@ -25,11 +25,11 @@
 <script>
 import { getLanguage } from '@nextcloud/l10n'
 import { mapStores } from 'pinia'
-import CalendarPicker from '../../Shared/CalendarPicker.vue'
-import useCalendarsStore from '../../../store/calendars.js'
-import useImportFilesStore from '../../../store/importFiles.js'
-import usePrincipalsStore from '../../../store/principals.js'
-import { uidToHexColor } from '../../../utils/color.js'
+import CalendarPicker from '@/components/Shared/CalendarPicker.vue'
+import useCalendarsStore from '@/store/calendars.js'
+import useImportFilesStore from '@/store/importFiles.js'
+import usePrincipalsStore from '@/store/principals.js'
+import { uidToHexColor } from '@/utils/color.js'
 
 export default {
 	name: 'ImportScreenRow',
diff --git a/src/components/AppNavigation/Settings/SettingsAttachmentsFolder.vue b/src/components/AppNavigation/Settings/SettingsAttachmentsFolder.vue
index 26a4bda11d..646846db55 100644
--- a/src/components/AppNavigation/Settings/SettingsAttachmentsFolder.vue
+++ b/src/components/AppNavigation/Settings/SettingsAttachmentsFolder.vue
@@ -21,8 +21,8 @@ import { NcFormBoxButton } from '@nextcloud/vue'
 import debounce from 'debounce'
 import { mapState, mapStores } from 'pinia'
 import IconFolderOpen from 'vue-material-design-icons/FolderOpenOutline.vue'
-import useSettingsStore from '../../../store/settings.js'
-import logger from '../../../utils/logger.js'
+import useSettingsStore from '@/store/settings.js'
+import logger from '@/utils/logger.js'
 
 export default {
 	name: 'SettingsAttachmentsFolder',
diff --git a/src/components/AppNavigation/Settings/SettingsImportSection.vue b/src/components/AppNavigation/Settings/SettingsImportSection.vue
index 20b8011d64..ce09b96dd2 100644
--- a/src/components/AppNavigation/Settings/SettingsImportSection.vue
+++ b/src/components/AppNavigation/Settings/SettingsImportSection.vue
@@ -48,18 +48,18 @@ import {
 import { NcButton } from '@nextcloud/vue'
 import { mapState, mapStores } from 'pinia'
 import Upload from 'vue-material-design-icons/TrayArrowUp.vue'
-import ImportScreen from './ImportScreen.vue'
+import ImportScreen from '@/components/AppNavigation/Settings/ImportScreen.vue'
 import {
 	IMPORT_STAGE_AWAITING_USER_SELECT,
 	IMPORT_STAGE_DEFAULT,
 	IMPORT_STAGE_IMPORTING,
 	IMPORT_STAGE_PROCESSING,
-} from '../../../models/consts.js'
-import { readFileAsText } from '../../../services/readFileAsTextService.js'
-import useCalendarObjectsStore from '../../../store/calendarObjects.js'
-import useCalendarsStore from '../../../store/calendars.js'
-import useImportFilesStore from '../../../store/importFiles.js'
-import useImportStateStore from '../../../store/importState.js'
+} from '@/models/consts.js'
+import { readFileAsText } from '@/services/readFileAsTextService.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useImportFilesStore from '@/store/importFiles.js'
+import useImportStateStore from '@/store/importState.js'
 import logger from '@/utils/logger.js'
 
 export default {
diff --git a/src/components/AppNavigation/Settings/SettingsTimezoneSelect.vue b/src/components/AppNavigation/Settings/SettingsTimezoneSelect.vue
index 363b200855..16b4ce87da 100644
--- a/src/components/AppNavigation/Settings/SettingsTimezoneSelect.vue
+++ b/src/components/AppNavigation/Settings/SettingsTimezoneSelect.vue
@@ -21,9 +21,9 @@ import {
 } from '@nextcloud/dialogs'
 import { NcTimezonePicker as TimezonePicker } from '@nextcloud/vue'
 import { mapState, mapStores } from 'pinia'
-import useSettingsStore from '../../../store/settings.js'
-import { randomId } from '../../../utils/randomId.js'
+import useSettingsStore from '@/store/settings.js'
 import logger from '@/utils/logger.js'
+import { randomId } from '@/utils/randomId.js'
 
 export default {
 	name: 'SettingsTimezoneSelect',
diff --git a/src/components/AppNavigation/UnscheduledTasksList.vue b/src/components/AppNavigation/UnscheduledTasksList.vue
index 3fb3ee756f..cfc2243ffe 100644
--- a/src/components/AppNavigation/UnscheduledTasksList.vue
+++ b/src/components/AppNavigation/UnscheduledTasksList.vue
@@ -16,9 +16,9 @@
 
 <script>
 import { mapStores } from 'pinia'
-import UnscheduledTasksListItem from './UnscheduledTasksList/UnscheduledTasksListItem.vue'
-import useCalendarsStore from '../../store/calendars.js'
-import useTasksStore from '../../store/unscheduledTasks.js'
+import UnscheduledTasksListItem from '@/components/AppNavigation/UnscheduledTasksList/UnscheduledTasksListItem.vue'
+import useCalendarsStore from '@/store/calendars.js'
+import useTasksStore from '@/store/unscheduledTasks.js'
 
 export default {
 	name: 'UnscheduledTasksList',
diff --git a/src/components/AppointmentConfigModal.vue b/src/components/AppointmentConfigModal.vue
index 8069b4d8b6..dd191f7f81 100644
--- a/src/components/AppointmentConfigModal.vue
+++ b/src/components/AppointmentConfigModal.vue
@@ -18,13 +18,13 @@ import {
 } from '@nextcloud/vue'
 import { computed, ref, watch } from 'vue'
 import CheckIcon from 'vue-material-design-icons/Check.vue'
-import CheckedDurationSelect from './AppointmentConfigModal/CheckedDurationSelect.vue'
-import Confirmation from './AppointmentConfigModal/Confirmation.vue'
-import DurationInput from './AppointmentConfigModal/DurationInput.vue'
-import DurationSelect from './AppointmentConfigModal/DurationSelect.vue'
-import NumberInput from './AppointmentConfigModal/NumberInput.vue'
-import VisibilitySelect from './AppointmentConfigModal/VisibilitySelect.vue'
-import CalendarPicker from './Shared/CalendarPicker.vue'
+import CheckedDurationSelect from '@/components/AppointmentConfigModal/CheckedDurationSelect.vue'
+import Confirmation from '@/components/AppointmentConfigModal/Confirmation.vue'
+import DurationInput from '@/components/AppointmentConfigModal/DurationInput.vue'
+import DurationSelect from '@/components/AppointmentConfigModal/DurationSelect.vue'
+import NumberInput from '@/components/AppointmentConfigModal/NumberInput.vue'
+import VisibilitySelect from '@/components/AppointmentConfigModal/VisibilitySelect.vue'
+import CalendarPicker from '@/components/Shared/CalendarPicker.vue'
 import AppointmentConfig from '@/models/appointmentConfig.js'
 import useAppointmentConfigsStore from '@/store/appointmentConfigs.js'
 import useCalendarsStore from '@/store/calendars.js'
diff --git a/src/components/AppointmentConfigModal/CheckedDurationSelect.vue b/src/components/AppointmentConfigModal/CheckedDurationSelect.vue
index e8091c85fd..6b3bb11e71 100644
--- a/src/components/AppointmentConfigModal/CheckedDurationSelect.vue
+++ b/src/components/AppointmentConfigModal/CheckedDurationSelect.vue
@@ -6,7 +6,7 @@
 <script setup lang="ts">
 import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
 import { computed } from 'vue'
-import DurationSelect from './DurationSelect.vue'
+import DurationSelect from '@/components/AppointmentConfigModal/DurationSelect.vue'
 
 const props = withDefaults(defineProps<{
 	label: string
diff --git a/src/components/Appointments/AppointmentDetails.vue b/src/components/Appointments/AppointmentDetails.vue
index e36fc23c0e..42fb0b7943 100644
--- a/src/components/Appointments/AppointmentDetails.vue
+++ b/src/components/Appointments/AppointmentDetails.vue
@@ -108,8 +108,8 @@ import IconCalendar from 'vue-material-design-icons/CalendarOutline.vue'
 import IconCheck from 'vue-material-design-icons/CheckOutline.vue'
 import IconTime from 'vue-material-design-icons/ClockTimeFourOutline.vue'
 import IconTimezone from 'vue-material-design-icons/Web.vue'
-import autosize from '../../directives/autosize.js'
-import { timeStampToLocaleDate, timeStampToLocaleTime } from '../../utils/localeTime.js'
+import autosize from '@/directives/autosize.js'
+import { timeStampToLocaleDate, timeStampToLocaleTime } from '@/utils/localeTime.js'
 
 export default {
 	name: 'AppointmentDetails',
diff --git a/src/components/Appointments/AppointmentSlot.vue b/src/components/Appointments/AppointmentSlot.vue
index f7bbd26feb..37533b1775 100644
--- a/src/components/Appointments/AppointmentSlot.vue
+++ b/src/components/Appointments/AppointmentSlot.vue
@@ -11,7 +11,7 @@
 
 <script>
 import { NcButton } from '@nextcloud/vue'
-import { timeStampToLocaleTime } from '../../utils/localeTime.js'
+import { timeStampToLocaleTime } from '@/utils/localeTime.js'
 
 export default {
 	name: 'AppointmentSlot',
diff --git a/src/components/CalendarGrid.vue b/src/components/CalendarGrid.vue
index a547063877..e777871b32 100644
--- a/src/components/CalendarGrid.vue
+++ b/src/components/CalendarGrid.vue
@@ -24,38 +24,38 @@ import { DateTimeValue } from '@nextcloud/calendar-js'
 import debounce from 'debounce'
 import { mapState, mapStores } from 'pinia'
 // Import event sources
-import eventSource from '../fullcalendar/eventSources/eventSource.js'
+import eventSource from '@/fullcalendar/eventSources/eventSource.js'
 // Import interaction handlers
-import eventAllow from '../fullcalendar/interaction/eventAllow.js'
-import eventClick from '../fullcalendar/interaction/eventClick.js'
-import eventDrop from '../fullcalendar/interaction/eventDrop.js'
-import eventResize from '../fullcalendar/interaction/eventResize.js'
-import navLinkDayClick from '../fullcalendar/interaction/navLinkDayClick.js'
-import navLinkWeekClick from '../fullcalendar/interaction/navLinkWeekClick.js'
-import select from '../fullcalendar/interaction/select.js'
+import eventAllow from '@/fullcalendar/interaction/eventAllow.js'
+import eventClick from '@/fullcalendar/interaction/eventClick.js'
+import eventDrop from '@/fullcalendar/interaction/eventDrop.js'
+import eventResize from '@/fullcalendar/interaction/eventResize.js'
+import navLinkDayClick from '@/fullcalendar/interaction/navLinkDayClick.js'
+import navLinkWeekClick from '@/fullcalendar/interaction/navLinkWeekClick.js'
+import select from '@/fullcalendar/interaction/select.js'
 // Import localization plugins
-import { getDateFormattingConfig } from '../fullcalendar/localization/dateFormattingConfig.js'
-import { getFullCalendarLocale } from '../fullcalendar/localization/localeProvider.js'
-import momentPlugin from '../fullcalendar/localization/momentPlugin.js'
+import { getDateFormattingConfig } from '@/fullcalendar/localization/dateFormattingConfig.js'
+import { getFullCalendarLocale } from '@/fullcalendar/localization/localeProvider.js'
+import momentPlugin from '@/fullcalendar/localization/momentPlugin.js'
 // Import rendering handlers
-import dayCellDidMount from '../fullcalendar/rendering/dayCellDidMount.js'
-import dayHeaderDidMount from '../fullcalendar/rendering/dayHeaderDidMount.js'
-import eventDidMount from '../fullcalendar/rendering/eventDidMount.js'
+import dayCellDidMount from '@/fullcalendar/rendering/dayCellDidMount.js'
+import dayHeaderDidMount from '@/fullcalendar/rendering/dayHeaderDidMount.js'
+import eventDidMount from '@/fullcalendar/rendering/eventDidMount.js'
 import {
 	allDayFirst,
 	allDayOrder,
 	partDayOrder,
-} from '../fullcalendar/rendering/eventOrder.js'
-import noEventsDidMount from '../fullcalendar/rendering/noEventsDidMount.js'
+} from '@/fullcalendar/rendering/eventOrder.js'
+import noEventsDidMount from '@/fullcalendar/rendering/noEventsDidMount.js'
 // Import timezone plugins
-import VTimezoneNamedTimezone from '../fullcalendar/timezones/vtimezoneNamedTimezoneImpl.js'
-import useCalendarObjectsStore from '../store/calendarObjects.js'
-import useCalendarsStore from '../store/calendars.js'
-import useFetchedTimeRangesStore from '../store/fetchedTimeRanges.js'
-import useSettingsStore from '../store/settings.js'
-import useWidgetStore from '../store/widget.js'
-import { getAllObjectsInTimeRange } from '../utils/calendarObject.js'
-import { getYYYYMMDDFromFirstdayParam } from '../utils/date.js'
+import VTimezoneNamedTimezone from '@/fullcalendar/timezones/vtimezoneNamedTimezoneImpl.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useFetchedTimeRangesStore from '@/store/fetchedTimeRanges.js'
+import useSettingsStore from '@/store/settings.js'
+import useWidgetStore from '@/store/widget.js'
+import { getAllObjectsInTimeRange } from '@/utils/calendarObject.js'
+import { getYYYYMMDDFromFirstdayParam } from '@/utils/date.js'
 
 export default {
 	name: 'CalendarGrid',
diff --git a/src/components/Editor/AddTalkModal.vue b/src/components/Editor/AddTalkModal.vue
index c72919d046..c91489d504 100644
--- a/src/components/Editor/AddTalkModal.vue
+++ b/src/components/Editor/AddTalkModal.vue
@@ -92,8 +92,8 @@ import {
 import md5 from 'md5'
 import { mapStores } from 'pinia'
 import IconAdd from 'vue-material-design-icons/Plus.vue'
-import useCalendarObjectInstanceStore from '../../store/calendarObjectInstance.js'
 import { addParticipantAsModerator, createRoom, generateRoomUrl, listRooms } from '@/services/talkService'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
 import logger from '@/utils/logger.js'
 
 // Ref https://github.com/nextcloud/spreed/blob/main/docs/constants.md
diff --git a/src/components/Editor/Alarm/AlarmList.vue b/src/components/Editor/Alarm/AlarmList.vue
index 3890363de5..4446135485 100644
--- a/src/components/Editor/Alarm/AlarmList.vue
+++ b/src/components/Editor/Alarm/AlarmList.vue
@@ -23,10 +23,10 @@
 
 <script>
 import { mapState, mapStores } from 'pinia'
-import AlarmListItem from './AlarmListItem.vue'
-import AlarmListNew from './AlarmListNew.vue'
-import useCalendarObjectInstanceStore from '../../../store/calendarObjectInstance.js'
-import useSettingsStore from '../../../store/settings.js'
+import AlarmListItem from '@/components/Editor/Alarm/AlarmListItem.vue'
+import AlarmListNew from '@/components/Editor/Alarm/AlarmListNew.vue'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import useSettingsStore from '@/store/settings.js'
 
 export default {
 	name: 'AlarmList',
diff --git a/src/components/Editor/Alarm/AlarmListItem.vue b/src/components/Editor/Alarm/AlarmListItem.vue
index 543770d38a..e2dff716cb 100644
--- a/src/components/Editor/Alarm/AlarmListItem.vue
+++ b/src/components/Editor/Alarm/AlarmListItem.vue
@@ -164,12 +164,12 @@ import { mapState, mapStores } from 'pinia'
 import Check from 'vue-material-design-icons/CheckOutline.vue'
 import Pencil from 'vue-material-design-icons/PencilOutline.vue'
 import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
-import DatePicker from '../../Shared/DatePicker.vue'
-import TimePicker from '../../Shared/TimePicker.vue'
-import AlarmTimeUnitSelect from './AlarmTimeUnitSelect.vue'
-import formatAlarm from '../../../filters/alarmFormat.js'
-import useCalendarObjectInstanceStore from '../../../store/calendarObjectInstance.js'
-import useSettingsStore from '../../../store/settings.js'
+import AlarmTimeUnitSelect from '@/components/Editor/Alarm/AlarmTimeUnitSelect.vue'
+import DatePicker from '@/components/Shared/DatePicker.vue'
+import TimePicker from '@/components/Shared/TimePicker.vue'
+import formatAlarm from '@/filters/alarmFormat.js'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import useSettingsStore from '@/store/settings.js'
 
 export default {
 	name: 'AlarmListItem',
diff --git a/src/components/Editor/Alarm/AlarmListNew.vue b/src/components/Editor/Alarm/AlarmListNew.vue
index 446d4acef2..e195130e44 100644
--- a/src/components/Editor/Alarm/AlarmListNew.vue
+++ b/src/components/Editor/Alarm/AlarmListNew.vue
@@ -15,14 +15,14 @@
 
 <script>
 import { mapState, mapStores } from 'pinia'
-import PropertySelect from '../Properties/PropertySelect.vue'
-import { getDefaultAlarms } from '../../../defaults/defaultAlarmProvider.js'
-import alarmFormat from '../../../filters/alarmFormat.js'
-import useSettingsStore from '../../../store/settings.js'
+import PropertySelect from '@/components/Editor/Properties/PropertySelect.vue'
+import { getDefaultAlarms } from '@/defaults/defaultAlarmProvider.js'
+import alarmFormat from '@/filters/alarmFormat.js'
+import useSettingsStore from '@/store/settings.js'
 import {
 	getAmountAndUnitForTimedEvents,
 	getAmountHoursMinutesAndUnitForAllDayEvents,
-} from '../../../utils/alarms.js'
+} from '@/utils/alarms.js'
 
 export default {
 	name: 'AlarmListNew',
diff --git a/src/components/Editor/Attachments/AttachmentsList.vue b/src/components/Editor/Attachments/AttachmentsList.vue
index ebd3967944..7eab8fbf10 100644
--- a/src/components/Editor/Attachments/AttachmentsList.vue
+++ b/src/components/Editor/Attachments/AttachmentsList.vue
@@ -98,11 +98,11 @@ import Upload from 'vue-material-design-icons/UploadOutline.vue'
 import {
 	getFileInfo,
 	uploadLocalAttachment,
-} from '../../../services/attachmentService.js'
-import useCalendarObjectInstanceStore from '../../../store/calendarObjectInstance.js'
-import usePrincipalsStore from '../../../store/principals.js'
-import useSettingsStore from '../../../store/settings.js'
-import logger from '../../../utils/logger.js'
+} from '@/services/attachmentService.js'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import usePrincipalsStore from '@/store/principals.js'
+import useSettingsStore from '@/store/settings.js'
+import logger from '@/utils/logger.js'
 
 export default {
 	name: 'AttachmentsList',
diff --git a/src/components/Editor/AvatarParticipationStatus.vue b/src/components/Editor/AvatarParticipationStatus.vue
index c1cf348c1c..1c0833a31e 100644
--- a/src/components/Editor/AvatarParticipationStatus.vue
+++ b/src/components/Editor/AvatarParticipationStatus.vue
@@ -38,8 +38,8 @@ import IconAccepted from 'vue-material-design-icons/CheckCircleOutline.vue'
 import IconDeclined from 'vue-material-design-icons/CloseCircleOutline.vue'
 import IconTentative from 'vue-material-design-icons/HelpCircleOutline.vue'
 import IconNoResponse from 'vue-material-design-icons/MinusCircleOutline.vue'
-import useCalendarObjectInstanceStore from '../../store/calendarObjectInstance.js'
 import { adjustAttendeeTime } from '@/services/attendeeDetails'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
 
 export default {
 	name: 'AvatarParticipationStatus',
diff --git a/src/components/Editor/CalendarPickerHeader.vue b/src/components/Editor/CalendarPickerHeader.vue
index 13cc3ef6ad..044e6bea0c 100644
--- a/src/components/Editor/CalendarPickerHeader.vue
+++ b/src/components/Editor/CalendarPickerHeader.vue
@@ -88,7 +88,7 @@
 <script>
 import { NcActionButton, NcActions, NcAvatar } from '@nextcloud/vue'
 import { mapStores } from 'pinia'
-import usePrincipalsStore from '../../store/principals.js'
+import usePrincipalsStore from '@/store/principals.js'
 
 export default {
 	name: 'CalendarPickerHeader',
diff --git a/src/components/Editor/FreeBusy/FreeBusy.vue b/src/components/Editor/FreeBusy/FreeBusy.vue
index 4be7945f58..0fb609eccb 100644
--- a/src/components/Editor/FreeBusy/FreeBusy.vue
+++ b/src/components/Editor/FreeBusy/FreeBusy.vue
@@ -277,22 +277,22 @@ import ChevronLeftIcon from 'vue-material-design-icons/ChevronLeft.vue'
 import ChevronRightIcon from 'vue-material-design-icons/ChevronRight.vue'
 import Close from 'vue-material-design-icons/Close.vue'
 import HelpCircleIcon from 'vue-material-design-icons/HelpCircleOutline.vue'
-import InviteesListSearch from '../Invitees/InviteesListSearch.vue'
-import dateFormat from '../../../filters/dateFormat.js'
-import formatDateRange from '../../../filters/dateRangeFormat.js'
+import InviteesListSearch from '@/components/Editor/Invitees/InviteesListSearch.vue'
+import dateFormat from '@/filters/dateFormat.js'
+import formatDateRange from '@/filters/dateRangeFormat.js'
 // Import event sources
-import freeBusyEventSource from '../../../fullcalendar/eventSources/freeBusyEventSource.js'
+import freeBusyEventSource from '@/fullcalendar/eventSources/freeBusyEventSource.js'
 // Import localization plugins
-import { getDateFormattingConfig } from '../../../fullcalendar/localization/dateFormattingConfig.js'
-import { getFullCalendarLocale } from '../../../fullcalendar/localization/localeProvider.js'
-import momentPlugin from '../../../fullcalendar/localization/momentPlugin.js'
+import { getDateFormattingConfig } from '@/fullcalendar/localization/dateFormattingConfig.js'
+import { getFullCalendarLocale } from '@/fullcalendar/localization/localeProvider.js'
+import momentPlugin from '@/fullcalendar/localization/momentPlugin.js'
 // Import timezone plugins
-import VTimezoneNamedTimezone from '../../../fullcalendar/timezones/vtimezoneNamedTimezoneImpl.js'
-import { getBusySlots, getFirstFreeSlot } from '../../../services/freeBusySlotService.js'
-import useCalendarsStore from '../../../store/calendars.js'
-import useSettingsStore from '../../../store/settings.js'
-import { uidToHexColor } from '../../../utils/color.js'
+import VTimezoneNamedTimezone from '@/fullcalendar/timezones/vtimezoneNamedTimezoneImpl.js'
 import { adjustAttendeeTime, getAttendeeDetails } from '@/services/attendeeDetails'
+import { getBusySlots, getFirstFreeSlot } from '@/services/freeBusySlotService.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useSettingsStore from '@/store/settings.js'
+import { uidToHexColor } from '@/utils/color.js'
 import logger from '@/utils/logger.js'
 
 export default {
diff --git a/src/components/Editor/FreeBusy/RoomAvailabilityList.vue b/src/components/Editor/FreeBusy/RoomAvailabilityList.vue
index b82b3a9655..16632898fb 100644
--- a/src/components/Editor/FreeBusy/RoomAvailabilityList.vue
+++ b/src/components/Editor/FreeBusy/RoomAvailabilityList.vue
@@ -59,9 +59,9 @@
 <script>
 import { NcButton, NcDialog } from '@nextcloud/vue'
 import { mapStores } from 'pinia'
-import RoomAvailabilityModal from './RoomAvailabilityModal.vue'
-import { mapPrincipalObjectToAttendeeObject } from '../../../models/attendee.js'
-import usePrincipalsStore from '../../../store/principals.js'
+import RoomAvailabilityModal from '@/components/Editor/FreeBusy/RoomAvailabilityModal.vue'
+import { mapPrincipalObjectToAttendeeObject } from '@/models/attendee.js'
+import usePrincipalsStore from '@/store/principals.js'
 
 export default {
 	name: 'RoomAvailabilityList',
diff --git a/src/components/Editor/FreeBusy/RoomAvailabilityModal.vue b/src/components/Editor/FreeBusy/RoomAvailabilityModal.vue
index 63be3d0277..383049e338 100644
--- a/src/components/Editor/FreeBusy/RoomAvailabilityModal.vue
+++ b/src/components/Editor/FreeBusy/RoomAvailabilityModal.vue
@@ -79,17 +79,17 @@ import { useId } from 'vue'
 import ChevronLeftIcon from 'vue-material-design-icons/ChevronLeft.vue'
 import ChevronRightIcon from 'vue-material-design-icons/ChevronRight.vue'
 import HelpCircleIcon from 'vue-material-design-icons/HelpCircleOutline.vue'
-import freeBusyBlockedForAllEventSource from '../../../fullcalendar/eventSources/freeBusyBlockedForAllEventSource.js'
-import freeBusyFakeBlockingEventSource from '../../../fullcalendar/eventSources/freeBusyFakeBlockingEventSource.js'
-import freeBusyResourceEventSource from '../../../fullcalendar/eventSources/freeBusyResourceEventSource.js'
-import { getDateFormattingConfig } from '../../../fullcalendar/localization/dateFormattingConfig.js'
-import { getFullCalendarLocale } from '../../../fullcalendar/localization/localeProvider.js'
-import momentPlugin from '../../../fullcalendar/localization/momentPlugin.js'
-import VTimezoneNamedTimezone from '../../../fullcalendar/timezones/vtimezoneNamedTimezoneImpl.js'
-import { mapPrincipalObjectToAttendeeObject } from '../../../models/attendee.js'
-import useSettingsStore from '../../../store/settings.js'
-import { getColorForFBType } from '../../../utils/freebusy.js'
-import { randomId } from '../../../utils/randomId.js'
+import freeBusyBlockedForAllEventSource from '@/fullcalendar/eventSources/freeBusyBlockedForAllEventSource.js'
+import freeBusyFakeBlockingEventSource from '@/fullcalendar/eventSources/freeBusyFakeBlockingEventSource.js'
+import freeBusyResourceEventSource from '@/fullcalendar/eventSources/freeBusyResourceEventSource.js'
+import { getDateFormattingConfig } from '@/fullcalendar/localization/dateFormattingConfig.js'
+import { getFullCalendarLocale } from '@/fullcalendar/localization/localeProvider.js'
+import momentPlugin from '@/fullcalendar/localization/momentPlugin.js'
+import VTimezoneNamedTimezone from '@/fullcalendar/timezones/vtimezoneNamedTimezoneImpl.js'
+import { mapPrincipalObjectToAttendeeObject } from '@/models/attendee.js'
+import useSettingsStore from '@/store/settings.js'
+import { getColorForFBType } from '@/utils/freebusy.js'
+import { randomId } from '@/utils/randomId.js'
 
 export default {
 	name: 'RoomAvailabilityModal',
diff --git a/src/components/Editor/IllustrationHeader.vue b/src/components/Editor/IllustrationHeader.vue
index ed9f036b3a..8cb0b67d01 100644
--- a/src/components/Editor/IllustrationHeader.vue
+++ b/src/components/Editor/IllustrationHeader.vue
@@ -16,7 +16,7 @@
 
 <script>
 import HttpClient from '@nextcloud/axios'
-import { uidToHexColor } from '../../utils/color.js'
+import { uidToHexColor } from '@/utils/color.js'
 import logger from '@/utils/logger.js'
 
 export default {
diff --git a/src/components/Editor/InvitationResponseButtons.vue b/src/components/Editor/InvitationResponseButtons.vue
index 7b4e74fc8a..5ab7e81c16 100644
--- a/src/components/Editor/InvitationResponseButtons.vue
+++ b/src/components/Editor/InvitationResponseButtons.vue
@@ -54,8 +54,8 @@ import {
 } from '@nextcloud/vue'
 import { mapStores } from 'pinia'
 import CalendarQuestionIcon from 'vue-material-design-icons/CalendarQuestionOutline.vue'
-import useCalendarObjectInstanceStore from '../../store/calendarObjectInstance.js'
-import logger from '../../utils/logger.js'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import logger from '@/utils/logger.js'
 
 export default {
 	name: 'InvitationResponseButtons',
diff --git a/src/components/Editor/Invitees/InviteesList.vue b/src/components/Editor/Invitees/InviteesList.vue
index abdaea0a80..87f0aff041 100644
--- a/src/components/Editor/Invitees/InviteesList.vue
+++ b/src/components/Editor/Invitees/InviteesList.vue
@@ -90,17 +90,17 @@ import { NcButton, NcCounterBubble } from '@nextcloud/vue'
 import { mapState, mapStores } from 'pinia'
 import AccountMultipleIcon from 'vue-material-design-icons/AccountMultipleOutline.vue'
 import ContentCopy from 'vue-material-design-icons/ContentCopy.vue'
-import FreeBusy from '../FreeBusy/FreeBusy.vue'
-import OrganizerNoEmailError from '../OrganizerNoEmailError.vue'
-import InviteesListItem from './InviteesListItem.vue'
-import InviteesListSearch from './InviteesListSearch.vue'
-import OrganizerListItem from './OrganizerListItem.vue'
-import useCalendarObjectInstanceStore from '../../../store/calendarObjectInstance.js'
-import useCalendarsStore from '../../../store/calendars.js'
-import usePrincipalsStore from '../../../store/principals.js'
-import useSettingsStore from '../../../store/settings.js'
-import { organizerDisplayName, removeMailtoPrefix } from '../../../utils/attendee.js'
+import FreeBusy from '@/components/Editor/FreeBusy/FreeBusy.vue'
+import InviteesListItem from '@/components/Editor/Invitees/InviteesListItem.vue'
+import InviteesListSearch from '@/components/Editor/Invitees/InviteesListSearch.vue'
+import OrganizerListItem from '@/components/Editor/Invitees/OrganizerListItem.vue'
+import OrganizerNoEmailError from '@/components/Editor/OrganizerNoEmailError.vue'
 import { containsRoomUrl } from '@/services/talkService'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import useCalendarsStore from '@/store/calendars.js'
+import usePrincipalsStore from '@/store/principals.js'
+import useSettingsStore from '@/store/settings.js'
+import { organizerDisplayName, removeMailtoPrefix } from '@/utils/attendee.js'
 
 export default {
 	name: 'InviteesList',
diff --git a/src/components/Editor/Invitees/InviteesListItem.vue b/src/components/Editor/Invitees/InviteesListItem.vue
index bd8e4570b6..e7566a0f1c 100644
--- a/src/components/Editor/Invitees/InviteesListItem.vue
+++ b/src/components/Editor/Invitees/InviteesListItem.vue
@@ -123,11 +123,11 @@ import { mapState, mapStores } from 'pinia'
 import ChevronDown from 'vue-material-design-icons/ChevronDown.vue'
 import ChevronUp from 'vue-material-design-icons/ChevronUp.vue'
 import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
-import AvatarParticipationStatus from '../AvatarParticipationStatus.vue'
-import AttendeeDisplay from './AttendeeDisplay.vue'
-import { getAttendeeDetails } from '../../../services/attendeeDetails.js'
-import useCalendarObjectInstanceStore from '../../../store/calendarObjectInstance.js'
-import { removeMailtoPrefix } from '../../../utils/attendee.js'
+import AvatarParticipationStatus from '@/components/Editor/AvatarParticipationStatus.vue'
+import AttendeeDisplay from '@/components/Editor/Invitees/AttendeeDisplay.vue'
+import { getAttendeeDetails } from '@/services/attendeeDetails.js'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import { removeMailtoPrefix } from '@/utils/attendee.js'
 
 export default {
 	name: 'InviteesListItem',
diff --git a/src/components/Editor/Invitees/InviteesListSearch.vue b/src/components/Editor/Invitees/InviteesListSearch.vue
index f9ae3b0e77..2b9645689d 100644
--- a/src/components/Editor/Invitees/InviteesListSearch.vue
+++ b/src/components/Editor/Invitees/InviteesListSearch.vue
@@ -66,11 +66,11 @@ import GoogleCirclesCommunitiesIcon from 'vue-material-design-icons/GoogleCircle
 import {
 	circleGetMembers,
 	circleSearchByName,
-} from '../../../services/circleService.js'
-import isCirclesEnabled from '../../../services/isCirclesEnabled.js'
-import { removeMailtoPrefix } from '../../../utils/attendee.js'
-import { randomId } from '../../../utils/randomId.js'
+} from '@/services/circleService.js'
+import isCirclesEnabled from '@/services/isCirclesEnabled.js'
+import { removeMailtoPrefix } from '@/utils/attendee.js'
 import logger from '@/utils/logger.js'
+import { randomId } from '@/utils/randomId.js'
 
 export default {
 	name: 'InviteesListSearch',
diff --git a/src/components/Editor/Invitees/OrganizerListItem.vue b/src/components/Editor/Invitees/OrganizerListItem.vue
index 82c6593d28..6331c9a321 100644
--- a/src/components/Editor/Invitees/OrganizerListItem.vue
+++ b/src/components/Editor/Invitees/OrganizerListItem.vue
@@ -54,9 +54,9 @@
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcActions from '@nextcloud/vue/components/NcActions'
 import Crown from 'vue-material-design-icons/CrownOutline.vue'
-import AvatarParticipationStatus from '../AvatarParticipationStatus.vue'
-import AttendeeDisplay from './AttendeeDisplay.vue'
-import { removeMailtoPrefix } from '../../../utils/attendee.js'
+import AvatarParticipationStatus from '@/components/Editor/AvatarParticipationStatus.vue'
+import AttendeeDisplay from '@/components/Editor/Invitees/AttendeeDisplay.vue'
+import { removeMailtoPrefix } from '@/utils/attendee.js'
 
 export default {
 	name: 'OrganizerListItem',
diff --git a/src/components/Editor/Properties/PropertyCalendarPicker.vue b/src/components/Editor/Properties/PropertyCalendarPicker.vue
index 39e5b4c586..ef430d01ab 100644
--- a/src/components/Editor/Properties/PropertyCalendarPicker.vue
+++ b/src/components/Editor/Properties/PropertyCalendarPicker.vue
@@ -29,8 +29,8 @@
 </template>
 
 <script>
-import CalendarPicker from '../../Shared/CalendarPicker.vue'
-import CalendarPickerOption from '../../Shared/CalendarPickerOption.vue'
+import CalendarPicker from '@/components/Shared/CalendarPicker.vue'
+import CalendarPickerOption from '@/components/Shared/CalendarPickerOption.vue'
 
 export default {
 	name: 'PropertyCalendarPicker',
diff --git a/src/components/Editor/Properties/PropertyColor.vue b/src/components/Editor/Properties/PropertyColor.vue
index 8de21e1458..30fa5ddb4d 100644
--- a/src/components/Editor/Properties/PropertyColor.vue
+++ b/src/components/Editor/Properties/PropertyColor.vue
@@ -54,7 +54,7 @@ import {
 	NcColorPicker,
 } from '@nextcloud/vue'
 import Undo from 'vue-material-design-icons/Undo.vue'
-import PropertyMixin from '../../../mixins/PropertyMixin.js'
+import PropertyMixin from '@/mixins/PropertyMixin.js'
 
 export default {
 	name: 'PropertyColor',
diff --git a/src/components/Editor/Properties/PropertySelect.vue b/src/components/Editor/Properties/PropertySelect.vue
index 154801220e..f18630e0b6 100644
--- a/src/components/Editor/Properties/PropertySelect.vue
+++ b/src/components/Editor/Properties/PropertySelect.vue
@@ -40,7 +40,7 @@
 <script>
 import { NcSelect } from '@nextcloud/vue'
 import InformationVariant from 'vue-material-design-icons/InformationVariant.vue'
-import PropertyMixin from '../../../mixins/PropertyMixin.js'
+import PropertyMixin from '@/mixins/PropertyMixin.js'
 
 export default {
 	name: 'PropertySelect',
diff --git a/src/components/Editor/Properties/PropertySelectMultiple.vue b/src/components/Editor/Properties/PropertySelectMultiple.vue
index 6033e4da54..ed914a215b 100644
--- a/src/components/Editor/Properties/PropertySelectMultiple.vue
+++ b/src/components/Editor/Properties/PropertySelectMultiple.vue
@@ -56,9 +56,9 @@
 import { getLocale } from '@nextcloud/l10n'
 import { NcSelect } from '@nextcloud/vue'
 import InformationVariant from 'vue-material-design-icons/InformationVariant.vue'
-import PropertySelectMultipleColoredOption from './PropertySelectMultipleColoredOption.vue'
-import PropertySelectMultipleColoredTag from './PropertySelectMultipleColoredTag.vue'
-import PropertyMixin from '../../../mixins/PropertyMixin.js'
+import PropertySelectMultipleColoredOption from '@/components/Editor/Properties/PropertySelectMultipleColoredOption.vue'
+import PropertySelectMultipleColoredTag from '@/components/Editor/Properties/PropertySelectMultipleColoredTag.vue'
+import PropertyMixin from '@/mixins/PropertyMixin.js'
 
 export default {
 	name: 'PropertySelectMultiple',
diff --git a/src/components/Editor/Properties/PropertySelectMultipleColoredOption.vue b/src/components/Editor/Properties/PropertySelectMultipleColoredOption.vue
index 11e9097c0a..44ed168e7d 100644
--- a/src/components/Editor/Properties/PropertySelectMultipleColoredOption.vue
+++ b/src/components/Editor/Properties/PropertySelectMultipleColoredOption.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script>
-import logger from '../../../utils/logger.js'
-import { uidToColor } from '../../../utils/uidToColor.js'
+import logger from '@/utils/logger.js'
+import { uidToColor } from '@/utils/uidToColor.js'
 
 export default {
 	name: 'PropertySelectMultipleColoredOption',
diff --git a/src/components/Editor/Properties/PropertySelectMultipleColoredTag.vue b/src/components/Editor/Properties/PropertySelectMultipleColoredTag.vue
index 2f9c30cbfe..7c0f7751b6 100644
--- a/src/components/Editor/Properties/PropertySelectMultipleColoredTag.vue
+++ b/src/components/Editor/Properties/PropertySelectMultipleColoredTag.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script>
-import { generateTextColorForRGB } from '../../../utils/color.js'
-import { uidToColor } from '../../../utils/uidToColor.js'
+import { generateTextColorForRGB } from '@/utils/color.js'
+import { uidToColor } from '@/utils/uidToColor.js'
 
 export default {
 	name: 'PropertySelectMultipleColoredTag',
diff --git a/src/components/Editor/Properties/PropertyText.vue b/src/components/Editor/Properties/PropertyText.vue
index fdbf91fc52..53d83cc775 100644
--- a/src/components/Editor/Properties/PropertyText.vue
+++ b/src/components/Editor/Properties/PropertyText.vue
@@ -46,9 +46,9 @@
 <script>
 import { Linkify } from '@nextcloud/vue'
 import InformationVariant from 'vue-material-design-icons/InformationVariant.vue'
-import autosize from '../../../directives/autosize.js'
-import PropertyLinksMixin from '../../../mixins/PropertyLinksMixin.js'
-import PropertyMixin from '../../../mixins/PropertyMixin.js'
+import autosize from '@/directives/autosize.js'
+import PropertyLinksMixin from '@/mixins/PropertyLinksMixin.js'
+import PropertyMixin from '@/mixins/PropertyMixin.js'
 
 export default {
 	name: 'PropertyText',
diff --git a/src/components/Editor/Properties/PropertyTitle.vue b/src/components/Editor/Properties/PropertyTitle.vue
index 3cbc2aa89b..a3a2a1020a 100644
--- a/src/components/Editor/Properties/PropertyTitle.vue
+++ b/src/components/Editor/Properties/PropertyTitle.vue
@@ -25,7 +25,7 @@
 <script>
 import { getLanguage, isRTL, t } from '@nextcloud/l10n'
 import { NcTextField } from '@nextcloud/vue'
-import focus from '../../../directives/focus.js'
+import focus from '@/directives/focus.js'
 
 export default {
 	name: 'PropertyTitle',
diff --git a/src/components/Editor/Properties/PropertyTitleTimePicker.vue b/src/components/Editor/Properties/PropertyTitleTimePicker.vue
index fe64c54f34..c86d032a27 100644
--- a/src/components/Editor/Properties/PropertyTitleTimePicker.vue
+++ b/src/components/Editor/Properties/PropertyTitleTimePicker.vue
@@ -140,9 +140,9 @@ import { NcButton, NcTimezonePicker } from '@nextcloud/vue'
 import { mapState } from 'pinia'
 import CalendarIcon from 'vue-material-design-icons/CalendarOutline.vue'
 import IconTimezone from 'vue-material-design-icons/Web.vue'
-import DatePicker from '../../Shared/DatePicker.vue'
-import getTimezoneManager from '../../../services/timezoneDataProviderService.js'
-import useSettingsStore from '../../../store/settings.js'
+import DatePicker from '@/components/Shared/DatePicker.vue'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import useSettingsStore from '@/store/settings.js'
 import { getDateFromDateTimeValue } from '@/utils/date'
 
 export default {
diff --git a/src/components/Editor/Repeat/Repeat.vue b/src/components/Editor/Repeat/Repeat.vue
index 4aff103155..bbecbc8928 100644
--- a/src/components/Editor/Repeat/Repeat.vue
+++ b/src/components/Editor/Repeat/Repeat.vue
@@ -98,15 +98,15 @@ import { mapStores } from 'pinia'
 import Check from 'vue-material-design-icons/Check.vue'
 import Pencil from 'vue-material-design-icons/PencilOutline.vue'
 import RepeatIcon from 'vue-material-design-icons/Repeat.vue'
-import RepeatEndRepeat from './RepeatEndRepeat.vue'
-import RepeatExceptionWarning from './RepeatExceptionWarning.vue'
-import RepeatFreqInterval from './RepeatFreqInterval.vue'
-import RepeatFreqMonthlyOptions from './RepeatFreqMonthlyOptions.vue'
-import RepeatFreqWeeklyOptions from './RepeatFreqWeeklyOptions.vue'
-import RepeatFreqYearlyOptions from './RepeatFreqYearlyOptions.vue'
-import RepeatSummary from './RepeatSummary.vue'
-import RepeatUnsupportedWarning from './RepeatUnsupportedWarning.vue'
-import useCalendarObjectInstanceStore from '../../../store/calendarObjectInstance.js'
+import RepeatEndRepeat from '@/components/Editor/Repeat/RepeatEndRepeat.vue'
+import RepeatExceptionWarning from '@/components/Editor/Repeat/RepeatExceptionWarning.vue'
+import RepeatFreqInterval from '@/components/Editor/Repeat/RepeatFreqInterval.vue'
+import RepeatFreqMonthlyOptions from '@/components/Editor/Repeat/RepeatFreqMonthlyOptions.vue'
+import RepeatFreqWeeklyOptions from '@/components/Editor/Repeat/RepeatFreqWeeklyOptions.vue'
+import RepeatFreqYearlyOptions from '@/components/Editor/Repeat/RepeatFreqYearlyOptions.vue'
+import RepeatSummary from '@/components/Editor/Repeat/RepeatSummary.vue'
+import RepeatUnsupportedWarning from '@/components/Editor/Repeat/RepeatUnsupportedWarning.vue'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
 
 export default {
 	name: 'Repeat',
diff --git a/src/components/Editor/Repeat/RepeatEndRepeat.vue b/src/components/Editor/Repeat/RepeatEndRepeat.vue
index 629c123b4b..2e71a58dc5 100644
--- a/src/components/Editor/Repeat/RepeatEndRepeat.vue
+++ b/src/components/Editor/Repeat/RepeatEndRepeat.vue
@@ -37,8 +37,8 @@
 <script>
 import { NcSelect, NcTextField } from '@nextcloud/vue'
 import { mapStores } from 'pinia'
-import DatePicker from '../../Shared/DatePicker.vue'
-import useDavRestrictionsStore from '../../../store/davRestrictions.js'
+import DatePicker from '@/components/Shared/DatePicker.vue'
+import useDavRestrictionsStore from '@/store/davRestrictions.js'
 
 export default {
 	name: 'RepeatEndRepeat',
diff --git a/src/components/Editor/Repeat/RepeatFirstLastSelect.vue b/src/components/Editor/Repeat/RepeatFirstLastSelect.vue
index cd95d34b88..15a01210a1 100644
--- a/src/components/Editor/Repeat/RepeatFirstLastSelect.vue
+++ b/src/components/Editor/Repeat/RepeatFirstLastSelect.vue
@@ -18,7 +18,7 @@
 
 <script>
 import { NcSelect } from '@nextcloud/vue'
-import { getTranslatedOrdinalNumber } from '../../../filters/recurrenceRuleFormat.js'
+import { getTranslatedOrdinalNumber } from '@/filters/recurrenceRuleFormat.js'
 
 export default {
 	name: 'RepeatFirstLastSelect',
diff --git a/src/components/Editor/Repeat/RepeatFreqInterval.vue b/src/components/Editor/Repeat/RepeatFreqInterval.vue
index 2f8f832b51..5bf875e0a7 100644
--- a/src/components/Editor/Repeat/RepeatFreqInterval.vue
+++ b/src/components/Editor/Repeat/RepeatFreqInterval.vue
@@ -23,7 +23,7 @@
 
 <script>
 import NcTextField from '@nextcloud/vue/components/NcTextField'
-import RepeatFreqSelect from './RepeatFreqSelect.vue'
+import RepeatFreqSelect from '@/components/Editor/Repeat/RepeatFreqSelect.vue'
 
 export default {
 	name: 'RepeatFreqInterval',
diff --git a/src/components/Editor/Repeat/RepeatFreqMonthlyOptions.vue b/src/components/Editor/Repeat/RepeatFreqMonthlyOptions.vue
index 94bd1b69e4..f94928b148 100644
--- a/src/components/Editor/Repeat/RepeatFreqMonthlyOptions.vue
+++ b/src/components/Editor/Repeat/RepeatFreqMonthlyOptions.vue
@@ -53,8 +53,8 @@ import {
 	NcCheckboxRadioSwitch,
 } from '@nextcloud/vue'
 import { useId } from 'vue'
-import RepeatFirstLastSelect from './RepeatFirstLastSelect.vue'
-import RepeatOnTheSelect from './RepeatOnTheSelect.vue'
+import RepeatFirstLastSelect from '@/components/Editor/Repeat/RepeatFirstLastSelect.vue'
+import RepeatOnTheSelect from '@/components/Editor/Repeat/RepeatOnTheSelect.vue'
 
 export default {
 	name: 'RepeatFreqMonthlyOptions',
diff --git a/src/components/Editor/Repeat/RepeatFreqYearlyOptions.vue b/src/components/Editor/Repeat/RepeatFreqYearlyOptions.vue
index 0936d7352f..c19ed25db0 100644
--- a/src/components/Editor/Repeat/RepeatFreqYearlyOptions.vue
+++ b/src/components/Editor/Repeat/RepeatFreqYearlyOptions.vue
@@ -66,8 +66,8 @@ import {
 	NcCheckboxRadioSwitch,
 } from '@nextcloud/vue'
 import { useId } from 'vue'
-import RepeatFirstLastSelect from './RepeatFirstLastSelect.vue'
-import RepeatOnTheSelect from './RepeatOnTheSelect.vue'
+import RepeatFirstLastSelect from '@/components/Editor/Repeat/RepeatFirstLastSelect.vue'
+import RepeatOnTheSelect from '@/components/Editor/Repeat/RepeatOnTheSelect.vue'
 import logger from '@/utils/logger.js'
 
 export default {
diff --git a/src/components/Editor/Repeat/RepeatSummary.vue b/src/components/Editor/Repeat/RepeatSummary.vue
index 36df955e2d..31dcfcee57 100644
--- a/src/components/Editor/Repeat/RepeatSummary.vue
+++ b/src/components/Editor/Repeat/RepeatSummary.vue
@@ -14,8 +14,8 @@
 
 <script>
 import { mapState } from 'pinia'
-import formatRecurrenceRule from '../../../filters/recurrenceRuleFormat.js'
-import useSettingsStore from '../../../store/settings.js'
+import formatRecurrenceRule from '@/filters/recurrenceRuleFormat.js'
+import useSettingsStore from '@/store/settings.js'
 
 export default {
 	name: 'RepeatSummary',
diff --git a/src/components/Editor/Resources/ResourceList.vue b/src/components/Editor/Resources/ResourceList.vue
index 4fd95518b6..484de927a9 100644
--- a/src/components/Editor/Resources/ResourceList.vue
+++ b/src/components/Editor/Resources/ResourceList.vue
@@ -59,15 +59,15 @@ import {
 import debounce from 'debounce'
 import { mapStores } from 'pinia'
 import DoorOpenIcon from 'vue-material-design-icons/DoorOpen.vue'
-import RoomAvailabilityList from '../FreeBusy/RoomAvailabilityList.vue'
-import ResourceListItem from './ResourceListItem.vue'
-import ResourceListSearch from './ResourceListSearch.vue'
-import { advancedPrincipalPropertySearch } from '../../../services/caldavService.js'
-import { checkResourceAvailability } from '../../../services/freeBusyService.js'
-import useCalendarObjectInstanceStore from '../../../store/calendarObjectInstance.js'
-import usePrincipalsStore from '../../../store/principals.js'
-import { isPendingResourceBooking, organizerDisplayName, removeMailtoPrefix } from '../../../utils/attendee.js'
-import logger from '../../../utils/logger.js'
+import RoomAvailabilityList from '@/components/Editor/FreeBusy/RoomAvailabilityList.vue'
+import ResourceListItem from '@/components/Editor/Resources/ResourceListItem.vue'
+import ResourceListSearch from '@/components/Editor/Resources/ResourceListSearch.vue'
+import { advancedPrincipalPropertySearch } from '@/services/caldavService.js'
+import { checkResourceAvailability } from '@/services/freeBusyService.js'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import usePrincipalsStore from '@/store/principals.js'
+import { isPendingResourceBooking, organizerDisplayName, removeMailtoPrefix } from '@/utils/attendee.js'
+import logger from '@/utils/logger.js'
 export default {
 	name: 'ResourceList',
 	components: {
diff --git a/src/components/Editor/Resources/ResourceListItem.vue b/src/components/Editor/Resources/ResourceListItem.vue
index 5ed6d9cd3d..d8aa3eb34c 100644
--- a/src/components/Editor/Resources/ResourceListItem.vue
+++ b/src/components/Editor/Resources/ResourceListItem.vue
@@ -83,15 +83,15 @@ import { mapStores } from 'pinia'
 import CalendarSearch from 'vue-material-design-icons/CalendarSearch.vue'
 import Plus from 'vue-material-design-icons/Plus.vue'
 import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
-import AvatarParticipationStatus from '../AvatarParticipationStatus.vue'
-import RoomAvailabilityModal from '../FreeBusy/RoomAvailabilityModal.vue'
-import { mapPrincipalObjectToAttendeeObject } from '../../../models/attendee.js'
-import { formatRoomType } from '../../../models/resourceProps.js'
-import { principalPropertySearchByDisplaynameOrEmail } from '../../../services/caldavService.js'
-import useCalendarObjectInstanceStore from '../../../store/calendarObjectInstance.js'
-import usePrincipalsStore from '../../../store/principals.js'
-import { removeMailtoPrefix } from '../../../utils/attendee.js'
-import logger from '../../../utils/logger.js'
+import AvatarParticipationStatus from '@/components/Editor/AvatarParticipationStatus.vue'
+import RoomAvailabilityModal from '@/components/Editor/FreeBusy/RoomAvailabilityModal.vue'
+import { mapPrincipalObjectToAttendeeObject } from '@/models/attendee.js'
+import { formatRoomType } from '@/models/resourceProps.js'
+import { principalPropertySearchByDisplaynameOrEmail } from '@/services/caldavService.js'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import usePrincipalsStore from '@/store/principals.js'
+import { removeMailtoPrefix } from '@/utils/attendee.js'
+import logger from '@/utils/logger.js'
 
 export default {
 	name: 'ResourceListItem',
diff --git a/src/components/Editor/Resources/ResourceListSearch.vue b/src/components/Editor/Resources/ResourceListSearch.vue
index 104c91e312..a7741fe684 100644
--- a/src/components/Editor/Resources/ResourceListSearch.vue
+++ b/src/components/Editor/Resources/ResourceListSearch.vue
@@ -73,12 +73,12 @@ import {
 } from '@nextcloud/vue'
 import debounce from 'debounce'
 import { mapStores } from 'pinia'
-import ResourceRoomType from './ResourceRoomType.vue'
-import ResourceSeatingCapacity from './ResourceSeatingCapacity.vue'
-import { advancedPrincipalPropertySearch } from '../../../services/caldavService.js'
-import { checkResourceAvailability } from '../../../services/freeBusyService.js'
-import usePrincipalsStore from '../../../store/principals.js'
-import logger from '../../../utils/logger.js'
+import ResourceRoomType from '@/components/Editor/Resources/ResourceRoomType.vue'
+import ResourceSeatingCapacity from '@/components/Editor/Resources/ResourceSeatingCapacity.vue'
+import { advancedPrincipalPropertySearch } from '@/services/caldavService.js'
+import { checkResourceAvailability } from '@/services/freeBusyService.js'
+import usePrincipalsStore from '@/store/principals.js'
+import logger from '@/utils/logger.js'
 export default {
 	name: 'ResourceListSearch',
 	components: {
diff --git a/src/components/Editor/Resources/ResourceRoomType.vue b/src/components/Editor/Resources/ResourceRoomType.vue
index a2ed54bc07..cc116bea16 100644
--- a/src/components/Editor/Resources/ResourceRoomType.vue
+++ b/src/components/Editor/Resources/ResourceRoomType.vue
@@ -24,7 +24,7 @@
 
 <script>
 import { NcSelect } from '@nextcloud/vue'
-import { getAllRoomTypes } from '../../../models/resourceProps.js'
+import { getAllRoomTypes } from '@/models/resourceProps.js'
 
 export default {
 	name: 'ResourceRoomType',
diff --git a/src/components/Shared/CalendarPicker.vue b/src/components/Shared/CalendarPicker.vue
index 10992b62b2..065b12f6d0 100644
--- a/src/components/Shared/CalendarPicker.vue
+++ b/src/components/Shared/CalendarPicker.vue
@@ -41,9 +41,9 @@
 <script>
 import { NcSelect } from '@nextcloud/vue'
 import { mapStores } from 'pinia'
-import CalendarPickerOption from './CalendarPickerOption.vue'
-import useCalendarsStore from '../../store/calendars.js'
-import { randomId } from '../../utils/randomId.js'
+import CalendarPickerOption from '@/components/Shared/CalendarPickerOption.vue'
+import useCalendarsStore from '@/store/calendars.js'
+import { randomId } from '@/utils/randomId.js'
 
 export default {
 	name: 'CalendarPicker',
diff --git a/src/components/Shared/CalendarPickerOption.vue b/src/components/Shared/CalendarPickerOption.vue
index efa50b21ab..7cff065e84 100644
--- a/src/components/Shared/CalendarPickerOption.vue
+++ b/src/components/Shared/CalendarPickerOption.vue
@@ -38,7 +38,7 @@
 <script>
 import { NcAvatar as Avatar } from '@nextcloud/vue'
 import { mapStores } from 'pinia'
-import usePrincipalsStore from '../../store/principals.js'
+import usePrincipalsStore from '@/store/principals.js'
 
 export default {
 	name: 'CalendarPickerOption',
diff --git a/src/components/Shared/DatePicker.vue b/src/components/Shared/DatePicker.vue
index f41f5aebfa..31d4e6e21e 100644
--- a/src/components/Shared/DatePicker.vue
+++ b/src/components/Shared/DatePicker.vue
@@ -30,7 +30,7 @@ import {
 } from '@nextcloud/vue'
 import { getDateLocalePattern, getDateTimeLocalePattern, getTimeLocalePattern } from 'datetime-locale-patterns'
 import { mapStores } from 'pinia'
-import useDavRestrictionsStore from '../../store/davRestrictions.js'
+import useDavRestrictionsStore from '@/store/davRestrictions.js'
 
 const canonicalLocale = getCanonicalLocale()
 
diff --git a/src/components/Shared/TimezoneSelect.vue b/src/components/Shared/TimezoneSelect.vue
index 95dfe3fbd3..9d73af9151 100644
--- a/src/components/Shared/TimezoneSelect.vue
+++ b/src/components/Shared/TimezoneSelect.vue
@@ -21,7 +21,7 @@
 import { translate as t } from '@nextcloud/l10n'
 import { getReadableTimezoneName, getSortedTimezoneList } from '@nextcloud/timezones'
 import { NcSelect } from '@nextcloud/vue'
-import getTimezoneManager from '../../services/timezoneDataProviderService.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
 
 export default {
 	name: 'TimezoneSelect',
diff --git a/src/components/Subscription/PublicCalendarSubscriptionPicker.vue b/src/components/Subscription/PublicCalendarSubscriptionPicker.vue
index ff2c1f4736..8f1c677365 100644
--- a/src/components/Subscription/PublicCalendarSubscriptionPicker.vue
+++ b/src/components/Subscription/PublicCalendarSubscriptionPicker.vue
@@ -59,10 +59,10 @@ import { loadState } from '@nextcloud/initial-state'
 import { NcButton, NcEmptyContent, NcModal } from '@nextcloud/vue'
 import { mapStores } from 'pinia'
 import CalendarBlank from 'vue-material-design-icons/CalendarBlank.vue'
-import holidayCalendars from '../../resources/holiday_calendars.json'
-import { findAllSubscriptions } from '../../services/caldavService.js'
-import useCalendarsStore from '../../store/calendars.js'
-import { uidToHexColor } from '../../utils/color.js'
+import holidayCalendars from '@/resources/holiday_calendars.json'
+import { findAllSubscriptions } from '@/services/caldavService.js'
+import useCalendarsStore from '@/store/calendars.js'
+import { uidToHexColor } from '@/utils/color.js'
 import logger from '@/utils/logger.js'
 
 function isValidString(str, allowNull = false) {
diff --git a/src/contactsMenu.js b/src/contactsMenu.js
index 84398a356f..8a8301b608 100644
--- a/src/contactsMenu.js
+++ b/src/contactsMenu.js
@@ -33,7 +33,7 @@ registerContactsMenuAction({
 	enabled: (entry) => entry.isUser,
 	callback: async (args) => {
 		const { createApp } = await import('vue')
-		const { default: ContactsMenuAvailability } = await import('./views/ContactsMenuAvailability.vue')
+		const { default: ContactsMenuAvailability } = await import('@/views/ContactsMenuAvailability.vue')
 		const { createPinia } = await import('pinia')
 		const { translatePlural } = await import('@nextcloud/l10n')
 
diff --git a/src/env.d.ts b/src/env.d.ts
index 024d1231a5..ab462f6fb5 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -4,7 +4,7 @@
  */
 
 import type { getCSPNonce } from '@nextcloud/auth'
-import type { OC } from './types/oc.ts'
+import type { OC } from '@/types/oc.ts'
 
 declare global {
 	let __webpack_nonce__: ReturnType<typeof getCSPNonce>
diff --git a/src/fullcalendar/eventSources/eventSource.js b/src/fullcalendar/eventSources/eventSource.js
index 98e9833662..ebca7c1fb7 100644
--- a/src/fullcalendar/eventSources/eventSource.js
+++ b/src/fullcalendar/eventSources/eventSource.js
@@ -1,13 +1,13 @@
-import getTimezoneManager from '../../services/timezoneDataProviderService.js'
-import useCalendarsStore from '../../store/calendars.js'
-import useFetchedTimeRangesStore from '../../store/fetchedTimeRanges.js'
+import { eventSourceFunction } from '@/fullcalendar/eventSources/eventSourceFunction.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useFetchedTimeRangesStore from '@/store/fetchedTimeRanges.js'
 /**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { getUnixTimestampFromDate } from '../../utils/date.js'
-import logger from '../../utils/logger.js'
-import { eventSourceFunction } from './eventSourceFunction.js'
+import { getUnixTimestampFromDate } from '@/utils/date.js'
+import logger from '@/utils/logger.js'
 
 /**
  * Returns a function to generate a FullCalendar event-source based on the Vuex calendar model
diff --git a/src/fullcalendar/eventSources/eventSourceFunction.js b/src/fullcalendar/eventSources/eventSourceFunction.js
index e687cba2f5..04babcc08e 100644
--- a/src/fullcalendar/eventSources/eventSourceFunction.js
+++ b/src/fullcalendar/eventSources/eventSourceFunction.js
@@ -3,16 +3,16 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { translate as t } from '@nextcloud/l10n'
-import usePrincipalsStore from '../../store/principals.js'
-import useSettingsStore from '../../store/settings.js'
-import useTasksStore from '../../store/unscheduledTasks.js'
-import { getAllObjectsInTimeRange } from '../../utils/calendarObject.js'
+import usePrincipalsStore from '@/store/principals.js'
+import useSettingsStore from '@/store/settings.js'
+import useTasksStore from '@/store/unscheduledTasks.js'
+import { getAllObjectsInTimeRange } from '@/utils/calendarObject.js'
 import {
 	getHexForColorName,
 	hexToRGB,
 	isLight,
-} from '../../utils/color.js'
-import logger from '../../utils/logger.js'
+} from '@/utils/color.js'
+import logger from '@/utils/logger.js'
 /**
  * convert an array of calendar-objects to events
  *
diff --git a/src/fullcalendar/eventSources/freeBusyBlockedForAllEventSource.js b/src/fullcalendar/eventSources/freeBusyBlockedForAllEventSource.js
index 422bb08fff..3c9f62c52a 100644
--- a/src/fullcalendar/eventSources/freeBusyBlockedForAllEventSource.js
+++ b/src/fullcalendar/eventSources/freeBusyBlockedForAllEventSource.js
@@ -3,9 +3,9 @@ import { AttendeeProperty, DateTimeValue } from '@nextcloud/calendar-js'
  * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import getTimezoneManager from '../../services/timezoneDataProviderService.js'
-import { doFreeBusyRequest } from '../../utils/freebusy.js'
-import logger from '../../utils/logger.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import { doFreeBusyRequest } from '@/utils/freebusy.js'
+import logger from '@/utils/logger.js'
 
 /**
  * Returns an event source for free-busy
diff --git a/src/fullcalendar/eventSources/freeBusyEventSource.js b/src/fullcalendar/eventSources/freeBusyEventSource.js
index 82088a817e..b21f9bb199 100644
--- a/src/fullcalendar/eventSources/freeBusyEventSource.js
+++ b/src/fullcalendar/eventSources/freeBusyEventSource.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { getBusySlots } from '../../services/freeBusySlotService.js'
+import { getBusySlots } from '@/services/freeBusySlotService.js'
 
 /**
  * Returns an event source for event free-busy
diff --git a/src/fullcalendar/eventSources/freeBusyResourceEventSource.js b/src/fullcalendar/eventSources/freeBusyResourceEventSource.js
index d0ca6c41c4..d85745f08d 100644
--- a/src/fullcalendar/eventSources/freeBusyResourceEventSource.js
+++ b/src/fullcalendar/eventSources/freeBusyResourceEventSource.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { getBusySlots } from '../../services/freeBusySlotService.js'
+import { getBusySlots } from '@/services/freeBusySlotService.js'
 
 /**
  * Returns an event source for free-busy
diff --git a/src/fullcalendar/interaction/eventAllow.js b/src/fullcalendar/interaction/eventAllow.js
index 5b900842cf..dc2a2fb8e5 100644
--- a/src/fullcalendar/interaction/eventAllow.js
+++ b/src/fullcalendar/interaction/eventAllow.js
@@ -2,7 +2,7 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { errorCatch } from '../utils/errors.js'
+import { errorCatch } from '@/fullcalendar/utils/errors.js'
 
 /**
  * Figure out whether or not an event can be dropped at a certain place
diff --git a/src/fullcalendar/interaction/eventClick.js b/src/fullcalendar/interaction/eventClick.js
index 1b25d7eebf..4e7984c6d8 100644
--- a/src/fullcalendar/interaction/eventClick.js
+++ b/src/fullcalendar/interaction/eventClick.js
@@ -6,13 +6,13 @@ import { showInfo } from '@nextcloud/dialogs'
 import { emit } from '@nextcloud/event-bus'
 import { translate as t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
-import useSettingsStore from '../../store/settings.js'
-import useWidgetStore from '../../store/widget.js'
+import { errorCatchAsync } from '@/fullcalendar/utils/errors.js'
+import useSettingsStore from '@/store/settings.js'
+import useWidgetStore from '@/store/widget.js'
 import {
 	getPrefixedRoute,
 	isPublicOrEmbeddedRoute,
-} from '../../utils/router.js'
-import { errorCatchAsync } from '../utils/errors.js'
+} from '@/utils/router.js'
 
 /**
  * Returns a function for click action on event. This will open the editor.
diff --git a/src/fullcalendar/interaction/eventDrop.js b/src/fullcalendar/interaction/eventDrop.js
index f46c14b6c2..51a3f232c2 100644
--- a/src/fullcalendar/interaction/eventDrop.js
+++ b/src/fullcalendar/interaction/eventDrop.js
@@ -4,15 +4,15 @@
  */
 import { showWarning } from '@nextcloud/dialogs'
 import { translate as t } from '@nextcloud/l10n'
-import getTimezoneManager from '../../services/timezoneDataProviderService.js'
-import useCalendarObjectsStore from '../../store/calendarObjects.js'
-import useCalendarsStore from '../../store/calendars.js'
-import usePrincipalsStore from '../../store/principals.js'
-import { isOrganizer } from '../../utils/attendee.js'
-import { getObjectAtRecurrenceId } from '../../utils/calendarObject.js'
-import logger from '../../utils/logger.js'
-import { getDurationValueFromFullCalendarDuration } from '../duration.js'
-import { errorCatchAsync } from '../utils/errors.js'
+import { getDurationValueFromFullCalendarDuration } from '@/fullcalendar/duration.js'
+import { errorCatchAsync } from '@/fullcalendar/utils/errors.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useCalendarsStore from '@/store/calendars.js'
+import usePrincipalsStore from '@/store/principals.js'
+import { isOrganizer } from '@/utils/attendee.js'
+import { getObjectAtRecurrenceId } from '@/utils/calendarObject.js'
+import logger from '@/utils/logger.js'
 
 /**
  * Returns a function to drop an event at a different position
diff --git a/src/fullcalendar/interaction/eventResize.js b/src/fullcalendar/interaction/eventResize.js
index 9b209447a7..63e134272f 100644
--- a/src/fullcalendar/interaction/eventResize.js
+++ b/src/fullcalendar/interaction/eventResize.js
@@ -1,12 +1,12 @@
+import { getDurationValueFromFullCalendarDuration } from '@/fullcalendar/duration.js'
+import { errorCatchAsync } from '@/fullcalendar/utils/errors.js'
 /**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import useCalendarObjectsStore from '../../store/calendarObjects.js'
-import useCalendarsStore from '../../store/calendars.js'
-import { getObjectAtRecurrenceId } from '../../utils/calendarObject.js'
-import { getDurationValueFromFullCalendarDuration } from '../duration.js'
-import { errorCatchAsync } from '../utils/errors.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useCalendarsStore from '@/store/calendars.js'
+import { getObjectAtRecurrenceId } from '@/utils/calendarObject.js'
 import logger from '@/utils/logger.js'
 
 /**
diff --git a/src/fullcalendar/interaction/navLinkDayClick.js b/src/fullcalendar/interaction/navLinkDayClick.js
index bff3e3f723..4e72e92b3c 100644
--- a/src/fullcalendar/interaction/navLinkDayClick.js
+++ b/src/fullcalendar/interaction/navLinkDayClick.js
@@ -1,9 +1,9 @@
+import { errorCatch } from '@/fullcalendar/utils/errors.js'
 /**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { getYYYYMMDDFromDate } from '../../utils/date.js'
-import { errorCatch } from '../utils/errors.js'
+import { getYYYYMMDDFromDate } from '@/utils/date.js'
 
 /**
  * Handles a click on a day-number in the calendar-grid
diff --git a/src/fullcalendar/interaction/navLinkWeekClick.js b/src/fullcalendar/interaction/navLinkWeekClick.js
index c090347e09..6df4f91e74 100644
--- a/src/fullcalendar/interaction/navLinkWeekClick.js
+++ b/src/fullcalendar/interaction/navLinkWeekClick.js
@@ -1,9 +1,9 @@
+import { errorCatch } from '@/fullcalendar/utils/errors.js'
 /**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { getYYYYMMDDFromDate } from '../../utils/date.js'
-import { errorCatch } from '../utils/errors.js'
+import { getYYYYMMDDFromDate } from '@/utils/date.js'
 
 /**
  * Handles a click on a week-number in the calendar-grid
diff --git a/src/fullcalendar/interaction/select.js b/src/fullcalendar/interaction/select.js
index 298e21b78c..a331fd7b7e 100644
--- a/src/fullcalendar/interaction/select.js
+++ b/src/fullcalendar/interaction/select.js
@@ -3,8 +3,8 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import useSettingsStore from '../../store/settings.js'
-import { errorCatch } from '../utils/errors.js'
+import { errorCatch } from '@/fullcalendar/utils/errors.js'
+import useSettingsStore from '@/store/settings.js'
 
 /**
  * Provides a function to select a time-range in the calendar-grid.
diff --git a/src/fullcalendar/localization/momentPlugin.js b/src/fullcalendar/localization/momentPlugin.js
index 3b9f60a325..8f6da6f88a 100644
--- a/src/fullcalendar/localization/momentPlugin.js
+++ b/src/fullcalendar/localization/momentPlugin.js
@@ -4,7 +4,7 @@ import { createPlugin } from '@fullcalendar/core'
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import moment from '@nextcloud/moment'
-import useSettingsStore from '../../store/settings.js'
+import useSettingsStore from '@/store/settings.js'
 
 /**
  * Creates a new moment object using the locale from the global Pinia store
diff --git a/src/fullcalendar/rendering/dayCellDidMount.js b/src/fullcalendar/rendering/dayCellDidMount.js
index 8b7193a0d4..b2a67e1200 100644
--- a/src/fullcalendar/rendering/dayCellDidMount.js
+++ b/src/fullcalendar/rendering/dayCellDidMount.js
@@ -2,7 +2,7 @@
  * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { errorCatch } from '../utils/errors.js'
+import { errorCatch } from '@/fullcalendar/utils/errors.js'
 
 /**
  * Sets aria-current="date" on the current day cell for accessibility
diff --git a/src/fullcalendar/rendering/dayHeaderDidMount.js b/src/fullcalendar/rendering/dayHeaderDidMount.js
index f14d879914..7eb6da849f 100644
--- a/src/fullcalendar/rendering/dayHeaderDidMount.js
+++ b/src/fullcalendar/rendering/dayHeaderDidMount.js
@@ -2,7 +2,7 @@
  * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { errorCatch } from '../utils/errors.js'
+import { errorCatch } from '@/fullcalendar/utils/errors.js'
 
 /**
  * Adjusts the colSpan attribute of day-headers in the list view
diff --git a/src/fullcalendar/rendering/eventDidMount.js b/src/fullcalendar/rendering/eventDidMount.js
index 4f728762f3..a73f16824e 100644
--- a/src/fullcalendar/rendering/eventDidMount.js
+++ b/src/fullcalendar/rendering/eventDidMount.js
@@ -3,8 +3,8 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { getCanonicalLocale, translate as t } from '@nextcloud/l10n'
-import { formatDateWithTimezone, isMultiDayAllDayEvent } from '../../utils/date.js'
-import { errorCatch } from '../utils/errors.js'
+import { errorCatch } from '@/fullcalendar/utils/errors.js'
+import { formatDateWithTimezone, isMultiDayAllDayEvent } from '@/utils/date.js'
 
 /**
  * Build time description for all-day events
diff --git a/src/fullcalendar/rendering/noEventsDidMount.js b/src/fullcalendar/rendering/noEventsDidMount.js
index 8e076ea461..b564bc842e 100644
--- a/src/fullcalendar/rendering/noEventsDidMount.js
+++ b/src/fullcalendar/rendering/noEventsDidMount.js
@@ -6,7 +6,7 @@ import { translate as t } from '@nextcloud/l10n'
 import { NcEmptyContent as EmptyContent } from '@nextcloud/vue'
 import { createApp, h } from 'vue'
 import CalendarIcon from 'vue-material-design-icons/CalendarBlank.vue'
-import { errorCatch } from '../utils/errors.js'
+import { errorCatch } from '@/fullcalendar/utils/errors.js'
 
 /**
  * Adds our standardized emptyContent component if list view is empty
diff --git a/src/fullcalendar/timezones/vtimezoneNamedTimezoneImpl.js b/src/fullcalendar/timezones/vtimezoneNamedTimezoneImpl.js
index ed53d973b1..13391f085a 100644
--- a/src/fullcalendar/timezones/vtimezoneNamedTimezoneImpl.js
+++ b/src/fullcalendar/timezones/vtimezoneNamedTimezoneImpl.js
@@ -4,8 +4,8 @@
  */
 import { createPlugin } from '@fullcalendar/core'
 import { NamedTimeZoneImpl } from '@fullcalendar/core/internal'
-import getTimezoneManager from '../../services/timezoneDataProviderService.js'
-import logger from '../../utils/logger.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import logger from '@/utils/logger.js'
 
 /**
  * Our own FullCalendar Timezone implementation based on the VTimezones we ship
diff --git a/src/main.js b/src/main.js
index b92fee2d47..a26e2b903e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,12 +4,12 @@ import { translate, translatePlural } from '@nextcloud/l10n'
 import { linkTo } from '@nextcloud/router'
 import { createPinia } from 'pinia'
 import { createApp } from 'vue'
-import App from './App.vue'
-import AppointmentConfig from './models/appointmentConfig.js'
-import router from './router.js'
-import windowTitleService from './services/windowTitleService.js'
-import useAppointmentConfigsStore from './store/appointmentConfigs.js'
-import logger from './utils/logger.js'
+import App from '@/App.vue'
+import AppointmentConfig from '@/models/appointmentConfig.js'
+import router from '@/router.js'
+import windowTitleService from '@/services/windowTitleService.js'
+import useAppointmentConfigsStore from '@/store/appointmentConfigs.js'
+import logger from '@/utils/logger.js'
 
 /**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
diff --git a/src/mixins/EditorMixin.js b/src/mixins/EditorMixin.js
index 1b1a4c9615..d593407118 100644
--- a/src/mixins/EditorMixin.js
+++ b/src/mixins/EditorMixin.js
@@ -7,20 +7,20 @@ import { showError, showSuccess } from '@nextcloud/dialogs'
 import { translate as t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
 import { mapState, mapStores } from 'pinia'
-import { getRFCProperties } from '../models/rfcProps.js'
-import { containsRoomUrl } from '../services/talkService.ts'
-import useCalendarObjectInstanceStore from '../store/calendarObjectInstance.js'
-import useCalendarObjectsStore from '../store/calendarObjects.js'
-import useCalendarsStore from '../store/calendars.js'
-import usePrincipalsStore from '../store/principals.js'
-import useSettingsStore from '../store/settings.js'
-import useWidgetStore from '../store/widget.js'
-import { updateDefaultAlarm } from '../utils/alarms.js'
-import { removeMailtoPrefix } from '../utils/attendee.js'
-import { uidToHexColor } from '../utils/color.js'
-import { dateFactory } from '../utils/date.js'
-import logger from '../utils/logger.js'
-import { getPrefixedRoute } from '../utils/router.js'
+import { getRFCProperties } from '@/models/rfcProps.js'
+import { containsRoomUrl } from '@/services/talkService.ts'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useCalendarsStore from '@/store/calendars.js'
+import usePrincipalsStore from '@/store/principals.js'
+import useSettingsStore from '@/store/settings.js'
+import useWidgetStore from '@/store/widget.js'
+import { updateDefaultAlarm } from '@/utils/alarms.js'
+import { removeMailtoPrefix } from '@/utils/attendee.js'
+import { uidToHexColor } from '@/utils/color.js'
+import { dateFactory } from '@/utils/date.js'
+import logger from '@/utils/logger.js'
+import { getPrefixedRoute } from '@/utils/router.js'
 
 /**
  * This is a mixin for the editor. It contains common Vue stuff, that is
diff --git a/src/models/alarm.js b/src/models/alarm.js
index 773ee03368..2a894c5f02 100644
--- a/src/models/alarm.js
+++ b/src/models/alarm.js
@@ -6,8 +6,8 @@ import { markRaw } from 'vue'
 import {
 	getAmountAndUnitForTimedEvents,
 	getAmountHoursMinutesAndUnitForAllDayEvents,
-} from '../utils/alarms.js'
-import { getDateFromDateTimeValue } from '../utils/date.js'
+} from '@/utils/alarms.js'
+import { getDateFromDateTimeValue } from '@/utils/date.js'
 
 /**
  * Creates a complete alarm object based on given props
diff --git a/src/models/calendar.js b/src/models/calendar.js
index d077701f62..35748377bf 100644
--- a/src/models/calendar.js
+++ b/src/models/calendar.js
@@ -1,10 +1,10 @@
+import { mapDavShareeToCalendarShareObject } from '@/models/calendarShare.js'
 /**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { detectColor, uidToHexColor } from '../utils/color.js'
-import { isAfterVersion } from '../utils/nextcloudVersion.ts'
-import { mapDavShareeToCalendarShareObject } from './calendarShare.js'
+import { detectColor, uidToHexColor } from '@/utils/color.js'
+import { isAfterVersion } from '@/utils/nextcloudVersion.ts'
 
 /**
  * Creates a complete calendar-object based on given props
diff --git a/src/models/calendarObject.js b/src/models/calendarObject.js
index ec3dc1d29c..fe777897c6 100644
--- a/src/models/calendarObject.js
+++ b/src/models/calendarObject.js
@@ -8,7 +8,7 @@ import {
 	COMPONENT_NAME_EVENT,
 	COMPONENT_NAME_JOURNAL,
 	COMPONENT_NAME_VTODO,
-} from './consts.js'
+} from '@/models/consts.js'
 
 /**
  * Creates a complete calendar-object-object based on given props
diff --git a/src/models/calendarShare.js b/src/models/calendarShare.js
index 1dcd0634b1..e2043c7e62 100644
--- a/src/models/calendarShare.js
+++ b/src/models/calendarShare.js
@@ -7,7 +7,7 @@ import {
 	PRINCIPAL_PREFIX_GROUP,
 	PRINCIPAL_PREFIX_REMOTE_USER,
 	PRINCIPAL_PREFIX_USER,
-} from './consts.js'
+} from '@/models/consts.js'
 
 /**
  * Creates a complete calendar-share-object based on given props
diff --git a/src/models/event.js b/src/models/event.js
index 521cd4453e..3a2adab38e 100644
--- a/src/models/event.js
+++ b/src/models/event.js
@@ -5,15 +5,15 @@
 
 import { DurationValue } from '@nextcloud/calendar-js'
 import { markRaw } from 'vue'
-import { getHexForColorName } from '../utils/color.js'
-import { getDateFromDateTimeValue } from '../utils/date.js'
-import { mapAlarmComponentToAlarmObject } from './alarm.js'
-import { mapAttachmentPropertyToAttchmentObject } from './attachment.js'
-import { mapAttendeePropertyToAttendeeObject } from './attendee.js'
+import { mapAlarmComponentToAlarmObject } from '@/models/alarm.js'
+import { mapAttachmentPropertyToAttchmentObject } from '@/models/attachment.js'
+import { mapAttendeePropertyToAttendeeObject } from '@/models/attendee.js'
 import {
 	getDefaultRecurrenceRuleObject,
 	mapRecurrenceRuleValueToRecurrenceRuleObject,
-} from './recurrenceRule.js'
+} from '@/models/recurrenceRule.js'
+import { getHexForColorName } from '@/utils/color.js'
+import { getDateFromDateTimeValue } from '@/utils/date.js'
 
 /**
  * Creates a complete calendar-object-instance-object based on given props
diff --git a/src/models/principal.js b/src/models/principal.js
index dda4bdeb86..d1f7eae03d 100644
--- a/src/models/principal.js
+++ b/src/models/principal.js
@@ -9,7 +9,7 @@ import {
 	PRINCIPAL_PREFIX_CIRCLE,
 	PRINCIPAL_PREFIX_GROUP,
 	PRINCIPAL_PREFIX_USER,
-} from './consts.js'
+} from '@/models/consts.js'
 import { mapDavToRoomPrincipalProperties } from '@/models/principal/principal'
 
 /**
diff --git a/src/models/recurrenceRule.js b/src/models/recurrenceRule.js
index b6568ed462..9629c5e5e7 100644
--- a/src/models/recurrenceRule.js
+++ b/src/models/recurrenceRule.js
@@ -3,8 +3,8 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { markRaw } from 'vue'
-import { getDateFromDateTimeValue } from '../utils/date.js'
-import { getWeekDayFromDate } from '../utils/recurrence.js'
+import { getDateFromDateTimeValue } from '@/utils/date.js'
+import { getWeekDayFromDate } from '@/utils/recurrence.js'
 
 /**
  * Creates a complete recurrence-rule-object based on given props
diff --git a/src/models/rfcProps.js b/src/models/rfcProps.js
index 51758400dc..5e4d35ab42 100644
--- a/src/models/rfcProps.js
+++ b/src/models/rfcProps.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { translate as t } from '@nextcloud/l10n'
-import { getDefaultCategories } from '../defaults/defaultCategories.js'
+import { getDefaultCategories } from '@/defaults/defaultCategories.js'
 
 /**
  * Gets all supported RFC properties
diff --git a/src/models/schedulingObject.js b/src/models/schedulingObject.js
index 5ae16afe47..402669c088 100644
--- a/src/models/schedulingObject.js
+++ b/src/models/schedulingObject.js
@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { getParserManager } from '@nextcloud/calendar-js'
-import { getDateFromDateTimeValue } from '../utils/date.js'
 import {
 	ITIP_MESSAGE_ADD,
 	ITIP_MESSAGE_CANCEL,
@@ -13,7 +12,8 @@ import {
 	ITIP_MESSAGE_REFRESH,
 	ITIP_MESSAGE_REPLY,
 	ITIP_MESSAGE_REQUEST,
-} from './consts.js'
+} from '@/models/consts.js'
+import { getDateFromDateTimeValue } from '@/utils/date.js'
 
 /**
  * Creates a complete scheduling-object-object based on given props
diff --git a/src/proposal-public.ts b/src/proposal-public.ts
index 212fef28ac..7ecabcc6b0 100644
--- a/src/proposal-public.ts
+++ b/src/proposal-public.ts
@@ -6,7 +6,7 @@
 import { getCSPNonce } from '@nextcloud/auth'
 import { createPinia } from 'pinia'
 import { createApp } from 'vue'
-import ProposalPublic from './views/Proposal/ProposalPublic.vue'
+import ProposalPublic from '@/views/Proposal/ProposalPublic.vue'
 
 __webpack_nonce__ = getCSPNonce()!
 
diff --git a/src/reference.js b/src/reference.js
index 9f90f6c532..1fb7d7e03c 100644
--- a/src/reference.js
+++ b/src/reference.js
@@ -14,7 +14,7 @@ __webpack_public_path__ = linkTo('calendar', 'js/') // eslint-disable-line
 
 registerWidget('calendar_widget', async (el, { richObject }) => {
 	const { createApp } = await import('vue')
-	const { default: Calendar } = await import('./views/Calendar.vue')
+	const { default: Calendar } = await import('@/views/Calendar.vue')
 	const { createPinia } = await import('pinia')
 
 	const pinia = createPinia()
diff --git a/src/router.js b/src/router.js
index 0c154748f5..dd8b229826 100644
--- a/src/router.js
+++ b/src/router.js
@@ -5,15 +5,15 @@
 
 import { generateUrl, getRootUrl } from '@nextcloud/router'
 import { createRouter, createWebHistory } from 'vue-router'
-import Calendar from './views/Calendar.vue'
-import EditFull from './views/EditFull.vue'
-import EditSimple from './views/EditSimple.vue'
+import Calendar from '@/views/Calendar.vue'
+import EditFull from '@/views/EditFull.vue'
+import EditSimple from '@/views/EditSimple.vue'
 import {
 	getDefaultEndDateForNewEvent,
 	getDefaultStartDateForNewEvent,
 	getInitialView,
 	getPreferredEditorRoute,
-} from './utils/router.js'
+} from '@/utils/router.js'
 
 const webRootWithIndexPHP = getRootUrl() + '/index.php'
 const doesURLContainIndexPHP = window.location.pathname.startsWith(webRootWithIndexPHP)
diff --git a/src/services/appointmentConfigService.js b/src/services/appointmentConfigService.js
index b1153117a0..7402e49256 100644
--- a/src/services/appointmentConfigService.js
+++ b/src/services/appointmentConfigService.js
@@ -5,8 +5,8 @@
 
 import axios from '@nextcloud/axios'
 import { generateUrl } from '@nextcloud/router'
-import AppointmentConfig from '../models/appointmentConfig.js'
-import logger from '../utils/logger.js'
+import AppointmentConfig from '@/models/appointmentConfig.js'
+import logger from '@/utils/logger.js'
 
 /**
  * Create a new appointment config in the backend
diff --git a/src/services/attachmentService.js b/src/services/attachmentService.js
index 8391c2cd97..f8b8fcb413 100644
--- a/src/services/attachmentService.js
+++ b/src/services/attachmentService.js
@@ -8,8 +8,8 @@ import { showError, showSuccess } from '@nextcloud/dialogs'
 import { translate as t } from '@nextcloud/l10n'
 import { generateOcsUrl, generateRemoteUrl } from '@nextcloud/router'
 import { parseXML } from 'webdav'
-import { parseUploadError } from '../utils/propfindErrorParse.js'
 import logger from '@/utils/logger.js'
+import { parseUploadError } from '@/utils/propfindErrorParse.js'
 
 /**
  * Makes a share link for a given file or directory.
diff --git a/src/services/attendeeDetails.js b/src/services/attendeeDetails.js
index 6bdb0defed..7599f3c09b 100644
--- a/src/services/attendeeDetails.js
+++ b/src/services/attendeeDetails.js
@@ -6,7 +6,7 @@
 import HttpClient from '@nextcloud/axios'
 import { getLocale } from '@nextcloud/l10n'
 import { getBaseUrl, linkTo } from '@nextcloud/router'
-import { principalPropertySearchByDisplaynameOrEmail } from './caldavService.js'
+import { principalPropertySearchByDisplaynameOrEmail } from '@/services/caldavService.js'
 import logger from '@/utils/logger.js'
 
 /**
diff --git a/src/services/caldavService.js b/src/services/caldavService.js
index d3bf0996e6..a8993ac123 100644
--- a/src/services/caldavService.js
+++ b/src/services/caldavService.js
@@ -4,7 +4,7 @@
  */
 import DavClient from '@nextcloud/cdav-library'
 import { generateRemoteUrl } from '@nextcloud/router'
-import { CALDAV_BIRTHDAY_CALENDAR } from '../models/consts.js'
+import { CALDAV_BIRTHDAY_CALENDAR } from '@/models/consts.js'
 
 const clients = {}
 
diff --git a/src/services/circleService.js b/src/services/circleService.js
index ef6369766f..aefd3cee92 100644
--- a/src/services/circleService.js
+++ b/src/services/circleService.js
@@ -7,7 +7,7 @@ import {
 	generateOcsUrl,
 	linkTo,
 } from '@nextcloud/router'
-import logger from '../utils/logger.js'
+import logger from '@/utils/logger.js'
 
 /**
  * Finds circles by displayname
diff --git a/src/services/freeBusyService.js b/src/services/freeBusyService.js
index ac55045bf4..3ffabb2ed6 100644
--- a/src/services/freeBusyService.js
+++ b/src/services/freeBusyService.js
@@ -4,8 +4,8 @@
  */
 
 import { AttendeeProperty } from '@nextcloud/calendar-js'
-import { addMailtoPrefix, removeMailtoPrefix } from '../utils/attendee.js'
-import { doFreeBusyRequest } from '../utils/freebusy.js'
+import { addMailtoPrefix, removeMailtoPrefix } from '@/utils/attendee.js'
+import { doFreeBusyRequest } from '@/utils/freebusy.js'
 
 /**
  * Check resource availability using a free busy request
diff --git a/src/services/freeBusySlotService.js b/src/services/freeBusySlotService.js
index 3476b659dd..66e6088640 100644
--- a/src/services/freeBusySlotService.js
+++ b/src/services/freeBusySlotService.js
@@ -4,10 +4,10 @@
  */
 
 import { AttendeeProperty, createFreeBusyRequest, DateTimeValue } from '@nextcloud/calendar-js'
-import freeBusyResourceEventSourceFunction from '../fullcalendar/eventSources/freeBusyResourceEventSourceFunction.js'
-import logger from '../utils/logger.js'
-import { findSchedulingOutbox } from './caldavService.js'
-import getTimezoneManager from './timezoneDataProviderService.js'
+import freeBusyResourceEventSourceFunction from '@/fullcalendar/eventSources/freeBusyResourceEventSourceFunction.js'
+import { findSchedulingOutbox } from '@/services/caldavService.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import logger from '@/utils/logger.js'
 
 const daysToSearch = 7
 
diff --git a/src/services/notifyService.ts b/src/services/notifyService.ts
index 0b380ded20..6605a4c7fb 100644
--- a/src/services/notifyService.ts
+++ b/src/services/notifyService.ts
@@ -6,8 +6,8 @@
 import { loadState } from '@nextcloud/initial-state'
 import { listen } from '@nextcloud/notify_push'
 import debounce from 'debounce'
-import useCalendarsStore from '../store/calendars.js'
-import logger from '../utils/logger.js'
+import useCalendarsStore from '@/store/calendars.js'
+import logger from '@/utils/logger.js'
 
 interface PushMessageBody {
 	calendarUrl: string
diff --git a/src/services/settings.js b/src/services/settings.js
index 3de2d78532..3c12cd4970 100644
--- a/src/services/settings.js
+++ b/src/services/settings.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import HttpClient from '@nextcloud/axios'
-import { getLinkToConfig } from '../utils/settings.js'
+import { getLinkToConfig } from '@/utils/settings.js'
 
 /**
  *
diff --git a/src/services/windowTitleService.js b/src/services/windowTitleService.js
index ddef0a9c1d..710e713543 100644
--- a/src/services/windowTitleService.js
+++ b/src/services/windowTitleService.js
@@ -2,9 +2,9 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import dateRangeFormat from '../filters/dateRangeFormat.js'
-import useSettingsStore from '../store/settings.js'
-import { getDateFromFirstdayParam } from '../utils/date.js'
+import dateRangeFormat from '@/filters/dateRangeFormat.js'
+import useSettingsStore from '@/store/settings.js'
+import { getDateFromFirstdayParam } from '@/utils/date.js'
 
 const originalWindowTitle = document.title
 
diff --git a/src/store/appointmentConfigs.js b/src/store/appointmentConfigs.js
index 3ea88e9808..271e7fef85 100644
--- a/src/store/appointmentConfigs.js
+++ b/src/store/appointmentConfigs.js
@@ -4,8 +4,8 @@
  */
 
 import { defineStore } from 'pinia'
-import { createConfig, deleteConfig, updateConfig } from '../services/appointmentConfigService.js'
-import logger from '../utils/logger.js'
+import { createConfig, deleteConfig, updateConfig } from '@/services/appointmentConfigService.js'
+import logger from '@/utils/logger.js'
 
 export default defineStore('appointmentConfigs', {
 	state: () => {
diff --git a/src/store/calendarObjectInstance.js b/src/store/calendarObjectInstance.js
index f73c7325df..15a020bf98 100644
--- a/src/store/calendarObjectInstance.js
+++ b/src/store/calendarObjectInstance.js
@@ -7,14 +7,18 @@ import { AttachmentProperty, AttendeeProperty, DateTimeValue, DurationValue, Par
 import { generateUrl } from '@nextcloud/router'
 import { defineStore } from 'pinia'
 import { markRaw } from 'vue'
-import { mapAlarmComponentToAlarmObject } from '../models/alarm.js'
+import { mapAlarmComponentToAlarmObject } from '@/models/alarm.js'
 import {
 	copyCalendarObjectInstanceIntoEventComponent,
 	getDefaultEventObject,
 	mapEventComponentToEventObject,
-} from '../models/event.js'
-import { getRFCProperties } from '../models/rfcProps.js'
-import getTimezoneManager from '../services/timezoneDataProviderService.js'
+} from '@/models/event.js'
+import { getRFCProperties } from '@/models/rfcProps.js'
+import { updateRoomParticipantsFromEvent } from '@/services/talkService'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useSettingsStore from '@/store/settings.js'
 import {
 	getAmountAndUnitForTimedEvents,
 	getAmountHoursMinutesAndUnitForAllDayEvents,
@@ -22,18 +26,14 @@ import {
 	getTotalSecondsFromAmountHourMinutesAndUnitForAllDayEvents,
 	updateAlarms,
 	updateDefaultAlarm,
-} from '../utils/alarms.js'
-import { getObjectAtRecurrenceId } from '../utils/calendarObject.js'
-import { getClosestCSS3ColorNameForHex, getHexForColorName } from '../utils/color.js'
+} from '@/utils/alarms.js'
+import { getObjectAtRecurrenceId } from '@/utils/calendarObject.js'
+import { getClosestCSS3ColorNameForHex, getHexForColorName } from '@/utils/color.js'
 import {
 	getDateFromDateTimeValue,
-} from '../utils/date.js'
-import { getBySetPositionAndBySetFromDate, getWeekDayFromDate } from '../utils/recurrence.js'
-import useCalendarObjectsStore from './calendarObjects.js'
-import useCalendarsStore from './calendars.js'
-import useSettingsStore from './settings.js'
-import { updateRoomParticipantsFromEvent } from '@/services/talkService'
+} from '@/utils/date.js'
 import logger from '@/utils/logger.js'
+import { getBySetPositionAndBySetFromDate, getWeekDayFromDate } from '@/utils/recurrence.js'
 
 export default defineStore('calendarObjectInstance', {
 	state: () => {
diff --git a/src/store/calendarObjects.js b/src/store/calendarObjects.js
index c5d3ae477e..96c2dd6b41 100644
--- a/src/store/calendarObjects.js
+++ b/src/store/calendarObjects.js
@@ -10,11 +10,11 @@ import { markRaw } from 'vue'
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { mapCalendarJsToCalendarObject } from '../models/calendarObject.js'
-import logger from '../utils/logger.js'
-import useCalendarObjectInstanceStore from './calendarObjectInstance.js'
-import useCalendarsStore from './calendars.js'
-import useFetchedTimeRangesStore from './fetchedTimeRanges.js'
+import { mapCalendarJsToCalendarObject } from '@/models/calendarObject.js'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useFetchedTimeRangesStore from '@/store/fetchedTimeRanges.js'
+import logger from '@/utils/logger.js'
 
 export default defineStore('calendarObjects', {
 	state: () => {
diff --git a/src/store/calendars.js b/src/store/calendars.js
index fe5fe8ed13..278efbe124 100644
--- a/src/store/calendars.js
+++ b/src/store/calendars.js
@@ -4,14 +4,14 @@ import { translate as t } from '@nextcloud/l10n'
 import { Timezone } from '@nextcloud/timezones'
 import pLimit from 'p-limit'
 import { defineStore } from 'pinia'
-import { getDefaultCalendarObject, mapDavCollectionToCalendar } from '../models/calendar.js'
-import { mapCDavObjectToCalendarObject } from '../models/calendarObject.js'
+import { getDefaultCalendarObject, mapDavCollectionToCalendar } from '@/models/calendar.js'
+import { mapCDavObjectToCalendarObject } from '@/models/calendarObject.js'
 import {
 	CALDAV_BIRTHDAY_CALENDAR,
 	CALDAV_PERSONAL_CALENDAR,
 	IMPORT_STAGE_IMPORTING,
 	IMPORT_STAGE_PROCESSING,
-} from '../models/consts.js'
+} from '@/models/consts.js'
 /**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
@@ -22,18 +22,18 @@ import {
 	findAll,
 	findAllDeletedCalendars,
 	findPublicCalendarsByTokens,
-} from '../services/caldavService.js'
-import getTimezoneManager from '../services/timezoneDataProviderService.js'
-import { uidToHexColor } from '../utils/color.js'
-import { dateFactory, getUnixTimestampFromDate } from '../utils/date.js'
-import logger from '../utils/logger.js'
-import { isAfterVersion } from '../utils/nextcloudVersion.ts'
-import useCalendarObjectsStore from './calendarObjects.js'
-import useFetchedTimeRangesStore from './fetchedTimeRanges.js'
-import useImportFilesStore from './importFiles.js'
-import useImportStateStore from './importState.js'
-import usePrincipalsStore from './principals.js'
-import useSettingsStore from './settings.js'
+} from '@/services/caldavService.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useFetchedTimeRangesStore from '@/store/fetchedTimeRanges.js'
+import useImportFilesStore from '@/store/importFiles.js'
+import useImportStateStore from '@/store/importState.js'
+import usePrincipalsStore from '@/store/principals.js'
+import useSettingsStore from '@/store/settings.js'
+import { uidToHexColor } from '@/utils/color.js'
+import { dateFactory, getUnixTimestampFromDate } from '@/utils/date.js'
+import logger from '@/utils/logger.js'
+import { isAfterVersion } from '@/utils/nextcloudVersion.ts'
 
 export default defineStore('calendars', {
 	state: () => {
diff --git a/src/store/delegation.ts b/src/store/delegation.ts
index fbc66ab503..d538090499 100644
--- a/src/store/delegation.ts
+++ b/src/store/delegation.ts
@@ -6,11 +6,11 @@ import { showError } from '@nextcloud/dialogs'
 import { translate as t } from '@nextcloud/l10n'
 import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
-import useCalendarsStore from './calendars.js'
-import usePrincipalsStore from './principals.js'
 import { mapDavCollectionToCalendar } from '@/models/calendar.js'
 import { mapDavToPrincipal } from '@/models/principal.js'
 import { findCalendarsAtUrl, findPrincipalByUrl, getClient } from '@/services/caldavService.js'
+import useCalendarsStore from '@/store/calendars.js'
+import usePrincipalsStore from '@/store/principals.js'
 import logger from '@/utils/logger.js'
 
 export interface DelegatePrincipal {
diff --git a/src/store/fetchedTimeRanges.js b/src/store/fetchedTimeRanges.js
index a1e063a878..bbc709638b 100644
--- a/src/store/fetchedTimeRanges.js
+++ b/src/store/fetchedTimeRanges.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { defineStore } from 'pinia'
-import useCalendarObjectsStore from './calendarObjects.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
 
 export default defineStore('fetchedTimeRanges', {
 	state: () => {
diff --git a/src/store/importState.js b/src/store/importState.js
index 734c2dcaad..31e8420c83 100644
--- a/src/store/importState.js
+++ b/src/store/importState.js
@@ -3,7 +3,7 @@ import { defineStore } from 'pinia'
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { IMPORT_STAGE_DEFAULT } from '../models/consts.js'
+import { IMPORT_STAGE_DEFAULT } from '@/models/consts.js'
 
 export default defineStore('importState', {
 	state: () => {
diff --git a/src/store/principals.js b/src/store/principals.js
index 40e6482e54..e8eeb7367f 100644
--- a/src/store/principals.js
+++ b/src/store/principals.js
@@ -3,7 +3,7 @@ import { defineStore } from 'pinia'
 import {
 	getDefaultPrincipalObject,
 	mapDavToPrincipal,
-} from '../models/principal.js'
+} from '@/models/principal.js'
 /**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
@@ -12,8 +12,8 @@ import {
 	findPrincipalByUrl,
 	findPrincipalsInCollection,
 	getCurrentUserPrincipal,
-} from '../services/caldavService.js'
-import logger from '../utils/logger.js'
+} from '@/services/caldavService.js'
+import logger from '@/utils/logger.js'
 
 export default defineStore('principals', {
 	state: () => {
diff --git a/src/store/settings.js b/src/store/settings.js
index 912ce21629..10009a9746 100644
--- a/src/store/settings.js
+++ b/src/store/settings.js
@@ -1,20 +1,20 @@
 import { setConfig as setCalendarJsConfig } from '@nextcloud/calendar-js'
 import { defineStore } from 'pinia'
-import { mapDavCollectionToCalendar } from '../models/calendar.js'
-import * as AttachmentService from '../services/attachmentService.js'
+import { mapDavCollectionToCalendar } from '@/models/calendar.js'
+import * as AttachmentService from '@/services/attachmentService.js'
 /**
  * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { enableBirthdayCalendar } from '../services/caldavService.js'
-import { setConfig } from '../services/settings.js'
-import getTimezoneManager from '../services/timezoneDataProviderService.js'
-import { logInfo } from '../utils/logger.js'
-import useCalendarObjectsStore from './calendarObjects.js'
-import useCalendarsStore from './calendars.js'
-import useFetchedTimeRangesStore from './fetchedTimeRanges.js'
-import usePrincipalsStore from './principals.js'
-import useTasksStore from './unscheduledTasks.js'
+import { enableBirthdayCalendar } from '@/services/caldavService.js'
+import { setConfig } from '@/services/settings.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useFetchedTimeRangesStore from '@/store/fetchedTimeRanges.js'
+import usePrincipalsStore from '@/store/principals.js'
+import useTasksStore from '@/store/unscheduledTasks.js'
+import { logInfo } from '@/utils/logger.js'
 
 export default defineStore('settings', {
 	state: () => {
diff --git a/src/store/unscheduledTasks.js b/src/store/unscheduledTasks.js
index 89b6fb9770..fd3aca1fff 100644
--- a/src/store/unscheduledTasks.js
+++ b/src/store/unscheduledTasks.js
@@ -3,7 +3,7 @@ import { defineStore } from 'pinia'
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import useCalendarsStore from './calendars.js'
+import useCalendarsStore from '@/store/calendars.js'
 
 export default defineStore('tasks', {
 	state: () => {
diff --git a/src/types/proposals/proposalInterfaces.ts b/src/types/proposals/proposalInterfaces.ts
index d7554f3cfb..cfabddd600 100644
--- a/src/types/proposals/proposalInterfaces.ts
+++ b/src/types/proposals/proposalInterfaces.ts
@@ -8,7 +8,7 @@ import type {
 	ProposalParticipantAttendance,
 	ProposalParticipantRealm,
 	ProposalParticipantStatus,
-} from './proposalEnums.ts'
+} from '@/types/proposals/proposalEnums.ts'
 
 export interface ProposalParticipantInterface {
 	id: number | null
diff --git a/src/utils/alarms.js b/src/utils/alarms.js
index 8f8f8d6e0a..80411abd9c 100644
--- a/src/utils/alarms.js
+++ b/src/utils/alarms.js
@@ -5,11 +5,11 @@
 
 import { AttendeeProperty, Property } from '@nextcloud/calendar-js'
 import { translate as t } from '@nextcloud/l10n'
-import useCalendarObjectInstanceStore from '../store/calendarObjectInstance.js'
-import useCalendarsStore from '../store/calendars.js'
-import useSettingsStore from '../store/settings.js'
-import { isAfterVersion } from './nextcloudVersion.ts'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useSettingsStore from '@/store/settings.js'
 import logger from '@/utils/logger.js'
+import { isAfterVersion } from '@/utils/nextcloudVersion.ts'
 
 /**
  * Get the factor for a given unit
diff --git a/src/utils/color.js b/src/utils/color.js
index 976c0618e8..298b5524fd 100644
--- a/src/utils/color.js
+++ b/src/utils/color.js
@@ -4,8 +4,8 @@
  */
 import convert from 'color-convert'
 import css3Colors from 'css-color-names'
-import closestColor from './closestColor.js'
-import { uidToColor } from './uidToColor.js'
+import closestColor from '@/utils/closestColor.js'
+import { uidToColor } from '@/utils/uidToColor.js'
 
 /**
  * Detect if a color is light or dark
diff --git a/src/utils/date.js b/src/utils/date.js
index 4e81090fa7..56ffd56295 100644
--- a/src/utils/date.js
+++ b/src/utils/date.js
@@ -4,9 +4,9 @@
  */
 
 import { DateTimeValue } from '@nextcloud/calendar-js'
-import getTimezoneManager from '../services/timezoneDataProviderService.js'
-import useSettingsStore from '../store/settings.js'
-import logger from './logger.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import useSettingsStore from '@/store/settings.js'
+import logger from '@/utils/logger.js'
 
 /**
  * returns a new Date object
diff --git a/src/utils/freebusy.js b/src/utils/freebusy.js
index ea3a7df40b..ab86056cde 100644
--- a/src/utils/freebusy.js
+++ b/src/utils/freebusy.js
@@ -4,7 +4,7 @@
  */
 
 import { createFreeBusyRequest, getParserManager } from '@nextcloud/calendar-js'
-import { findSchedulingOutbox } from '../services/caldavService.js'
+import { findSchedulingOutbox } from '@/services/caldavService.js'
 
 /**
  * Gets the corresponding color for a given Free/Busy type
diff --git a/src/utils/router.js b/src/utils/router.js
index f9671864ae..dc4067db25 100644
--- a/src/utils/router.js
+++ b/src/utils/router.js
@@ -6,7 +6,7 @@ import { loadState } from '@nextcloud/initial-state'
 import {
 	dateFactory,
 	getUnixTimestampFromDate,
-} from './date.js'
+} from '@/utils/date.js'
 
 /**
  * Gets the initial view
diff --git a/src/views/Appointments/Booking.vue b/src/views/Appointments/Booking.vue
index f6cdc98939..57c72538a2 100644
--- a/src/views/Appointments/Booking.vue
+++ b/src/views/Appointments/Booking.vue
@@ -96,10 +96,10 @@ import {
 } from '@nextcloud/vue'
 import { h } from 'vue'
 import MDILoading from 'vue-material-design-icons/Loading.vue'
-import AppointmentBookingConfirmation from '../../components/Appointments/AppointmentBookingConfirmation.vue'
-import AppointmentDetails from '../../components/Appointments/AppointmentDetails.vue'
-import AppointmentSlot from '../../components/Appointments/AppointmentSlot.vue'
-import { bookSlot, findSlots } from '../../services/appointmentService.js'
+import AppointmentBookingConfirmation from '@/components/Appointments/AppointmentBookingConfirmation.vue'
+import AppointmentDetails from '@/components/Appointments/AppointmentDetails.vue'
+import AppointmentSlot from '@/components/Appointments/AppointmentSlot.vue'
+import { bookSlot, findSlots } from '@/services/appointmentService.js'
 import logger from '@/utils/logger.js'
 
 import '@nextcloud/dialogs/style.css'
diff --git a/src/views/Appointments/Confirmation.vue b/src/views/Appointments/Confirmation.vue
index 7ce728f1ca..34ef8cc96c 100644
--- a/src/views/Appointments/Confirmation.vue
+++ b/src/views/Appointments/Confirmation.vue
@@ -59,8 +59,8 @@ import IconCalendar from 'vue-material-design-icons/CalendarOutline.vue'
 import IconCheck from 'vue-material-design-icons/CheckOutline.vue'
 import IconTime from 'vue-material-design-icons/ClockTimeFourOutline.vue'
 import IconTimezone from 'vue-material-design-icons/Web.vue'
-import BookingResult from './BookingResult.vue'
-import { timeStampToLocaleDate, timeStampToLocaleTime } from '../../utils/localeTime.js'
+import BookingResult from '@/views/Appointments/BookingResult.vue'
+import { timeStampToLocaleDate, timeStampToLocaleTime } from '@/utils/localeTime.js'
 
 export default {
 	name: 'Confirmation',
diff --git a/src/views/Calendar.vue b/src/views/Calendar.vue
index 0653d9bd56..53dbc4b9d7 100644
--- a/src/views/Calendar.vue
+++ b/src/views/Calendar.vue
@@ -107,46 +107,46 @@ import {
 } from '@nextcloud/vue'
 import { mapState, mapStores } from 'pinia'
 import PlaylistCheckIcon from 'vue-material-design-icons/PlaylistCheck.vue'
-import AppNavigationHeader from '../components/AppNavigation/AppNavigationHeader.vue'
-import AppointmentConfigList from '../components/AppNavigation/AppointmentConfigList.vue'
-import CalendarList from '../components/AppNavigation/CalendarList.vue'
-import Trashbin from '../components/AppNavigation/CalendarList/Trashbin.vue'
-import EditCalendarModal from '../components/AppNavigation/EditCalendarModal.vue'
-import EmbedTopNavigation from '../components/AppNavigation/EmbedTopNavigation.vue'
-import ProposalList from '../components/AppNavigation/Proposal/ProposalList.vue'
-import Settings from '../components/AppNavigation/Settings.vue'
-import UnscheduledTasksList from '../components/AppNavigation/UnscheduledTasksList.vue'
-import CalendarGrid from '../components/CalendarGrid.vue'
-import EmptyCalendar from '../components/EmptyCalendar.vue'
-import EditSimple from './EditSimple.vue'
-import ProposalEditor from './Proposal/ProposalEditor.vue'
-import eventClick from '../fullcalendar/interaction/eventClick.js'
-import { mapDavCollectionToCalendar } from '../models/calendar.js'
+import AppNavigationHeader from '@/components/AppNavigation/AppNavigationHeader.vue'
+import AppointmentConfigList from '@/components/AppNavigation/AppointmentConfigList.vue'
+import CalendarList from '@/components/AppNavigation/CalendarList.vue'
+import Trashbin from '@/components/AppNavigation/CalendarList/Trashbin.vue'
+import EditCalendarModal from '@/components/AppNavigation/EditCalendarModal.vue'
+import EmbedTopNavigation from '@/components/AppNavigation/EmbedTopNavigation.vue'
+import ProposalList from '@/components/AppNavigation/Proposal/ProposalList.vue'
+import Settings from '@/components/AppNavigation/Settings.vue'
+import UnscheduledTasksList from '@/components/AppNavigation/UnscheduledTasksList.vue'
+import CalendarGrid from '@/components/CalendarGrid.vue'
+import EmptyCalendar from '@/components/EmptyCalendar.vue'
+import EditSimple from '@/views/EditSimple.vue'
+import ProposalEditor from '@/views/Proposal/ProposalEditor.vue'
+import eventClick from '@/fullcalendar/interaction/eventClick.js'
+import { mapDavCollectionToCalendar } from '@/models/calendar.js'
 // Import CalDAV related methods
 import {
 	findAllCalendars,
 	initializeClientForPublicView,
 	initializeClientForUserView,
-} from '../services/caldavService.js'
-import { isNotifyPushAvailable, registerNotifyPushSyncListener } from '../services/notifyService.ts'
-import getTimezoneManager from '../services/timezoneDataProviderService.js'
-import useCalendarObjectsStore from '../store/calendarObjects.js'
-import useCalendarsStore from '../store/calendars.js'
-import useDelegationStore from '../store/delegation.ts'
-import useFetchedTimeRangesStore from '../store/fetchedTimeRanges.js'
-import usePrincipalsStore from '../store/principals.js'
-import useSettingsStore from '../store/settings.js'
-import useWidgetStore from '../store/widget.js'
+} from '@/services/caldavService.js'
+import { isNotifyPushAvailable, registerNotifyPushSyncListener } from '@/services/notifyService.ts'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useDelegationStore from '@/store/delegation.ts'
+import useFetchedTimeRangesStore from '@/store/fetchedTimeRanges.js'
+import usePrincipalsStore from '@/store/principals.js'
+import useSettingsStore from '@/store/settings.js'
+import useWidgetStore from '@/store/widget.js'
 // Import others
-import { uidToHexColor } from '../utils/color.js'
+import { uidToHexColor } from '@/utils/color.js'
 import {
 	dateFactory,
 	getUnixTimestampFromDate,
 	getYYYYMMDDFromFirstdayParam,
-} from '../utils/date.js'
-import logger from '../utils/logger.js'
-import loadMomentLocalization from '../utils/moment.js'
-import { isAfterVersion } from '../utils/nextcloudVersion.ts'
+} from '@/utils/date.js'
+import logger from '@/utils/logger.js'
+import loadMomentLocalization from '@/utils/moment.js'
+import { isAfterVersion } from '@/utils/nextcloudVersion.ts'
 
 import '@nextcloud/dialogs/style.css'
 
diff --git a/src/views/ContactsMenuAvailability.vue b/src/views/ContactsMenuAvailability.vue
index d377f224d9..be53e68863 100644
--- a/src/views/ContactsMenuAvailability.vue
+++ b/src/views/ContactsMenuAvailability.vue
@@ -20,16 +20,16 @@
 <script>
 import { AttendeeProperty } from '@nextcloud/calendar-js'
 import { mapStores } from 'pinia'
-import FreeBusy from '../components/Editor/FreeBusy/FreeBusy.vue'
+import FreeBusy from '@/components/Editor/FreeBusy/FreeBusy.vue'
 import {
 	mapAttendeePropertyToAttendeeObject,
 	mapPrincipalObjectToAttendeeObject,
-} from '../models/attendee.js'
-import { initializeClientForUserView } from '../services/caldavService.js'
-import getTimezoneManager from '../services/timezoneDataProviderService.js'
-import usePrincipalsStore from '../store/principals.js'
-import useSettingsStore from '../store/settings.js'
-import loadMomentLocalization from '../utils/moment.js'
+} from '@/models/attendee.js'
+import { initializeClientForUserView } from '@/services/caldavService.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import usePrincipalsStore from '@/store/principals.js'
+import useSettingsStore from '@/store/settings.js'
+import loadMomentLocalization from '@/utils/moment.js'
 
 export default {
 	name: 'ContactsMenuAvailability',
diff --git a/src/views/EditFull.vue b/src/views/EditFull.vue
index 1f7ae44974..704a9926d1 100644
--- a/src/views/EditFull.vue
+++ b/src/views/EditFull.vue
@@ -370,29 +370,29 @@ import HelpCircleIcon from 'vue-material-design-icons/HelpCircleOutline.vue'
 import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
 import Download from 'vue-material-design-icons/TrayArrowDown.vue'
 import IconVideo from 'vue-material-design-icons/VideoOutline.vue'
-import AddTalkModal from '../components/Editor/AddTalkModal.vue'
-import AlarmList from '../components/Editor/Alarm/AlarmList.vue'
-import AttachmentsList from '../components/Editor/Attachments/AttachmentsList.vue'
-import CalendarPickerHeader from '../components/Editor/CalendarPickerHeader.vue'
-import InvitationResponseButtons from '../components/Editor/InvitationResponseButtons.vue'
-import InviteesList from '../components/Editor/Invitees/InviteesList.vue'
-import PropertyColor from '../components/Editor/Properties/PropertyColor.vue'
-import PropertySelect from '../components/Editor/Properties/PropertySelect.vue'
-import PropertySelectMultiple from '../components/Editor/Properties/PropertySelectMultiple.vue'
-import PropertyText from '../components/Editor/Properties/PropertyText.vue'
-import PropertyTitle from '../components/Editor/Properties/PropertyTitle.vue'
-import PropertyTitleTimePicker from '../components/Editor/Properties/PropertyTitleTimePicker.vue'
-import Repeat from '../components/Editor/Repeat/Repeat.vue'
-import ResourceList from '../components/Editor/Resources/ResourceList.vue'
-import SaveButtons from '../components/Editor/SaveButtons.vue'
-import EditorMixin from '../mixins/EditorMixin.js'
-import { shareFile } from '../services/attachmentService.js'
-import getTimezoneManager from '../services/timezoneDataProviderService.js'
-import useCalendarObjectInstanceStore from '../store/calendarObjectInstance.js'
-import usePrincipalsStore from '../store/principals.js'
-import useSettingsStore from '../store/settings.js'
-import logger from '../utils/logger.js'
-import { isAfterVersion } from '../utils/nextcloudVersion.ts'
+import AddTalkModal from '@/components/Editor/AddTalkModal.vue'
+import AlarmList from '@/components/Editor/Alarm/AlarmList.vue'
+import AttachmentsList from '@/components/Editor/Attachments/AttachmentsList.vue'
+import CalendarPickerHeader from '@/components/Editor/CalendarPickerHeader.vue'
+import InvitationResponseButtons from '@/components/Editor/InvitationResponseButtons.vue'
+import InviteesList from '@/components/Editor/Invitees/InviteesList.vue'
+import PropertyColor from '@/components/Editor/Properties/PropertyColor.vue'
+import PropertySelect from '@/components/Editor/Properties/PropertySelect.vue'
+import PropertySelectMultiple from '@/components/Editor/Properties/PropertySelectMultiple.vue'
+import PropertyText from '@/components/Editor/Properties/PropertyText.vue'
+import PropertyTitle from '@/components/Editor/Properties/PropertyTitle.vue'
+import PropertyTitleTimePicker from '@/components/Editor/Properties/PropertyTitleTimePicker.vue'
+import Repeat from '@/components/Editor/Repeat/Repeat.vue'
+import ResourceList from '@/components/Editor/Resources/ResourceList.vue'
+import SaveButtons from '@/components/Editor/SaveButtons.vue'
+import EditorMixin from '@/mixins/EditorMixin.js'
+import { shareFile } from '@/services/attachmentService.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import usePrincipalsStore from '@/store/principals.js'
+import useSettingsStore from '@/store/settings.js'
+import logger from '@/utils/logger.js'
+import { isAfterVersion } from '@/utils/nextcloudVersion.ts'
 
 export default {
 	name: 'EditFull',
diff --git a/src/views/EditSimple.vue b/src/views/EditSimple.vue
index ad3059d8c4..8d80eb8758 100644
--- a/src/views/EditSimple.vue
+++ b/src/views/EditSimple.vue
@@ -291,23 +291,23 @@ import EditIcon from 'vue-material-design-icons/PencilOutline.vue'
 import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
 import Download from 'vue-material-design-icons/TrayArrowDown.vue'
 import IconVideo from 'vue-material-design-icons/VideoOutline.vue'
-import AddTalkModal from '../components/Editor/AddTalkModal.vue'
-import AlarmList from '../components/Editor/Alarm/AlarmList.vue'
-import CalendarPickerHeader from '../components/Editor/CalendarPickerHeader.vue'
+import AddTalkModal from '@/components/Editor/AddTalkModal.vue'
+import AlarmList from '@/components/Editor/Alarm/AlarmList.vue'
+import CalendarPickerHeader from '@/components/Editor/CalendarPickerHeader.vue'
 import InvitationResponseButtons
-	from '../components/Editor/InvitationResponseButtons.vue'
-import InviteesList from '../components/Editor/Invitees/InviteesList.vue'
-import PropertyText from '../components/Editor/Properties/PropertyText.vue'
-import PropertyTitle from '../components/Editor/Properties/PropertyTitle.vue'
+	from '@/components/Editor/InvitationResponseButtons.vue'
+import InviteesList from '@/components/Editor/Invitees/InviteesList.vue'
+import PropertyText from '@/components/Editor/Properties/PropertyText.vue'
+import PropertyTitle from '@/components/Editor/Properties/PropertyTitle.vue'
 import PropertyTitleTimePicker
-	from '../components/Editor/Properties/PropertyTitleTimePicker.vue'
-import SaveButtons from '../components/Editor/SaveButtons.vue'
-import EditorMixin from '../mixins/EditorMixin.js'
-import useCalendarObjectInstanceStore from '../store/calendarObjectInstance.js'
-import useSettingsStore from '../store/settings.js'
-import useWidgetStore from '../store/widget.js'
-import { getPrefixedRoute } from '../utils/router.js'
+	from '@/components/Editor/Properties/PropertyTitleTimePicker.vue'
+import SaveButtons from '@/components/Editor/SaveButtons.vue'
+import EditorMixin from '@/mixins/EditorMixin.js'
+import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
+import useSettingsStore from '@/store/settings.js'
+import useWidgetStore from '@/store/widget.js'
 import logger from '@/utils/logger.js'
+import { getPrefixedRoute } from '@/utils/router.js'
 
 export default {
 	name: 'EditSimple',
diff --git a/src/views/Proposal/ProposalEditor.vue b/src/views/Proposal/ProposalEditor.vue
index e048fc24ad..c93364f908 100644
--- a/src/views/Proposal/ProposalEditor.vue
+++ b/src/views/Proposal/ProposalEditor.vue
@@ -232,11 +232,11 @@ import InviteesListSearch from '@/components/Editor/Invitees/InviteesListSearch.
 import ProposalDateItem from '@/components/Proposal/ProposalDateItem.vue'
 import ProposalParticipantItem from '@/components/Proposal/ProposalParticipantItem.vue'
 import ProposalResponseMatrix from '@/components/Proposal/ProposalResponseMatrix.vue'
-import { getBusySlots } from '../../services/freeBusySlotService.js'
 import { getFullCalendarLocale } from '@/fullcalendar/localization/localeProvider.js'
 import FullCalendarMoment from '@/fullcalendar/localization/momentPlugin.js'
 import FullCalendarTimezones from '@/fullcalendar/timezones/vtimezoneNamedTimezoneImpl.js'
 import { ProposalDate, ProposalParticipant } from '@/models/proposals/proposals'
+import { getBusySlots } from '@/services/freeBusySlotService.js'
 // types, object and stores
 import usePrincipalStore from '@/store/principals.js'
 import useProposalStore from '@/store/proposalStore'
diff --git a/tests/javascript/unit/defaults/defaultAlarmProvider.test.js b/tests/javascript/unit/defaults/defaultAlarmProvider.test.js
index 9b5ccdc84b..fb50a7ac14 100644
--- a/tests/javascript/unit/defaults/defaultAlarmProvider.test.js
+++ b/tests/javascript/unit/defaults/defaultAlarmProvider.test.js
@@ -2,7 +2,7 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import getDefaultAlarms from '../../../../src/defaults/defaultAlarmProvider.js'
+import getDefaultAlarms from '@/defaults/defaultAlarmProvider.js'
 
 describe('defaults/defaultAlarmProvider test suite', () => {
 	it('should provide default alarms for timed events', () => {
diff --git a/tests/javascript/unit/defaults/defaultCategories.test.js b/tests/javascript/unit/defaults/defaultCategories.test.js
index 4db281bf46..f1cf93bba5 100644
--- a/tests/javascript/unit/defaults/defaultCategories.test.js
+++ b/tests/javascript/unit/defaults/defaultCategories.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { translate } from '@nextcloud/l10n'
-import defaultCategories from '../../../../src/defaults/defaultCategories.js'
+import defaultCategories from '@/defaults/defaultCategories.js'
 
 vi.mock('@nextcloud/l10n')
 
diff --git a/tests/javascript/unit/filters/alarmFormat.test.js b/tests/javascript/unit/filters/alarmFormat.test.js
index a13f8874af..8862f95f8a 100644
--- a/tests/javascript/unit/filters/alarmFormat.test.js
+++ b/tests/javascript/unit/filters/alarmFormat.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { translate, translatePlural } from '@nextcloud/l10n'
-import alarmFormat from '../../../../src/filters/alarmFormat.js'
+import alarmFormat from '@/filters/alarmFormat.js'
 
 vi.mock('@nextcloud/l10n')
 
diff --git a/tests/javascript/unit/filters/dateFormat.test.js b/tests/javascript/unit/filters/dateFormat.test.js
index c6ba214ab7..38e73a3fcf 100644
--- a/tests/javascript/unit/filters/dateFormat.test.js
+++ b/tests/javascript/unit/filters/dateFormat.test.js
@@ -2,7 +2,7 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import dateFormat from '../../../../src/filters/dateFormat.js'
+import dateFormat from '@/filters/dateFormat.js'
 
 describe('format/dateFormat test suite', () => {
 	it('should format an all-day date', () => {
diff --git a/tests/javascript/unit/filters/dateRangeFormat.test.js b/tests/javascript/unit/filters/dateRangeFormat.test.js
index 5181463bf3..07f958cddb 100644
--- a/tests/javascript/unit/filters/dateRangeFormat.test.js
+++ b/tests/javascript/unit/filters/dateRangeFormat.test.js
@@ -4,7 +4,7 @@
  */
 
 import { translate } from '@nextcloud/l10n'
-import dateRangeFormat from '../../../../src/filters/dateRangeFormat.js'
+import dateRangeFormat from '@/filters/dateRangeFormat.js'
 
 vi.mock('@nextcloud/l10n')
 
diff --git a/tests/javascript/unit/filters/recurrenceRuleFormat.test.js b/tests/javascript/unit/filters/recurrenceRuleFormat.test.js
index 356867ff5f..0597a4c1e9 100644
--- a/tests/javascript/unit/filters/recurrenceRuleFormat.test.js
+++ b/tests/javascript/unit/filters/recurrenceRuleFormat.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { getDayNames, getMonthNames, translate, translatePlural } from '@nextcloud/l10n'
-import recurrenceRuleFormat from '../../../../src/filters/recurrenceRuleFormat.js'
+import recurrenceRuleFormat from '@/filters/recurrenceRuleFormat.js'
 
 vi.mock('@nextcloud/l10n')
 
diff --git a/tests/javascript/unit/fullcalendar/duration.test.js b/tests/javascript/unit/fullcalendar/duration.test.js
index 06d55297e2..3f5eb337d4 100644
--- a/tests/javascript/unit/fullcalendar/duration.test.js
+++ b/tests/javascript/unit/fullcalendar/duration.test.js
@@ -2,7 +2,7 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { getDurationValueFromFullCalendarDuration, getFullCalendarDurationFromDurationValue } from '../../../../src/fullcalendar/duration.js'
+import { getDurationValueFromFullCalendarDuration, getFullCalendarDurationFromDurationValue } from '@/fullcalendar/duration.js'
 
 describe('fullcalendar/duration test suite', () => {
 	it('should get the calendar-js duration from a fullcalendar duration object - object', () => {
diff --git a/tests/javascript/unit/fullcalendar/eventSources/eventSource.test.js b/tests/javascript/unit/fullcalendar/eventSources/eventSource.test.js
index 1310ff5408..7052986a91 100644
--- a/tests/javascript/unit/fullcalendar/eventSources/eventSource.test.js
+++ b/tests/javascript/unit/fullcalendar/eventSources/eventSource.test.js
@@ -2,18 +2,18 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import eventSource from '../../../../../src/fullcalendar/eventSources/eventSource.js'
-import { eventSourceFunction } from '../../../../../src/fullcalendar/eventSources/eventSourceFunction.js'
-import getTimezoneManager from '../../../../../src/services/timezoneDataProviderService.js'
-import useCalendarsStore from '../../../../../src/store/calendars.js'
-import useFetchedTimeRangesStore from '../../../../../src/store/fetchedTimeRanges.js'
-import { getUnixTimestampFromDate } from '../../../../../src/utils/date.js'
-
-vi.mock('../../../../../src/services/timezoneDataProviderService')
-vi.mock('../../../../../src/utils/date.js')
-vi.mock('../../../../../src/fullcalendar/eventSources/eventSourceFunction.js')
-vi.mock('../../../../../src/store/fetchedTimeRanges.js')
-vi.mock('../../../../../src/store/calendars.js')
+import eventSource from '@/fullcalendar/eventSources/eventSource.js'
+import { eventSourceFunction } from '@/fullcalendar/eventSources/eventSourceFunction.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useFetchedTimeRangesStore from '@/store/fetchedTimeRanges.js'
+import { getUnixTimestampFromDate } from '@/utils/date.js'
+
+vi.mock('@/services/timezoneDataProviderService')
+vi.mock('@/utils/date.js')
+vi.mock('@/fullcalendar/eventSources/eventSourceFunction.js')
+vi.mock('@/store/fetchedTimeRanges.js')
+vi.mock('@/store/calendars.js')
 
 describe('fullcalendar/eventSource test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/fullcalendar/eventSources/freeBusyResourceEventSourceFunction.test.js b/tests/javascript/unit/fullcalendar/eventSources/freeBusyResourceEventSourceFunction.test.js
index e36dce089f..f70eed721c 100644
--- a/tests/javascript/unit/fullcalendar/eventSources/freeBusyResourceEventSourceFunction.test.js
+++ b/tests/javascript/unit/fullcalendar/eventSources/freeBusyResourceEventSourceFunction.test.js
@@ -4,17 +4,17 @@
  */
 import { translate } from '@nextcloud/l10n'
 import { createPinia, setActivePinia } from 'pinia'
-import { eventSourceFunction } from '../../../../../src/fullcalendar/eventSources/eventSourceFunction.js'
-import useSettingsStore from '../../../../../src/store/settings.js'
-import { getAllObjectsInTimeRange } from '../../../../../src/utils/calendarObject.js'
+import { eventSourceFunction } from '@/fullcalendar/eventSources/eventSourceFunction.js'
+import useSettingsStore from '@/store/settings.js'
+import { getAllObjectsInTimeRange } from '@/utils/calendarObject.js'
 import {
 	generateTextColorForHex,
 	getHexForColorName,
 	isLight,
-} from '../../../../../src/utils/color.js'
+} from '@/utils/color.js'
 vi.mock('@nextcloud/l10n')
-vi.mock('../../../../../src/utils/color.js')
-vi.mock('../../../../../src/utils/calendarObject.js')
+vi.mock('@/utils/color.js')
+vi.mock('@/utils/calendarObject.js')
 
 describe('fullcalendar/freeBusyResourceEventSourceFunction test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/fullcalendar/interaction/eventAllow.test.js b/tests/javascript/unit/fullcalendar/interaction/eventAllow.test.js
index b3491678a5..a97ff64bcc 100644
--- a/tests/javascript/unit/fullcalendar/interaction/eventAllow.test.js
+++ b/tests/javascript/unit/fullcalendar/interaction/eventAllow.test.js
@@ -2,7 +2,7 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import eventAllow from '../../../../../src/fullcalendar/interaction/eventAllow.js'
+import eventAllow from '@/fullcalendar/interaction/eventAllow.js'
 
 describe('fullcalendar/eventAllow test suite', () => {
 	it('should always allow to drop an event that does allow modifying all-days', () => {
diff --git a/tests/javascript/unit/fullcalendar/interaction/eventClick.test.js b/tests/javascript/unit/fullcalendar/interaction/eventClick.test.js
index c7ef10a7b4..c4e0a2e17f 100644
--- a/tests/javascript/unit/fullcalendar/interaction/eventClick.test.js
+++ b/tests/javascript/unit/fullcalendar/interaction/eventClick.test.js
@@ -6,15 +6,15 @@ import { showInfo } from '@nextcloud/dialogs'
 import { translate } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
 import { createPinia, setActivePinia } from 'pinia'
-import eventClick from '../../../../../src/fullcalendar/interaction/eventClick.js'
-import EditorMixin from '../../../../../src/mixins/EditorMixin.js'
-import useSettingsStore from '../../../../../src/store/settings.js'
+import eventClick from '@/fullcalendar/interaction/eventClick.js'
+import EditorMixin from '@/mixins/EditorMixin.js'
+import useSettingsStore from '@/store/settings.js'
 import {
 	getPrefixedRoute,
 	isPublicOrEmbeddedRoute,
-} from '../../../../../src/utils/router.js'
+} from '@/utils/router.js'
 
-vi.mock('../../../../../src/utils/router.js')
+vi.mock('@/utils/router.js')
 vi.mock('@nextcloud/router')
 vi.mock('@nextcloud/l10n')
 vi.mock('@nextcloud/dialogs')
diff --git a/tests/javascript/unit/fullcalendar/interaction/eventDrop.test.js b/tests/javascript/unit/fullcalendar/interaction/eventDrop.test.js
index 26bf4f2eb7..249895e1a6 100644
--- a/tests/javascript/unit/fullcalendar/interaction/eventDrop.test.js
+++ b/tests/javascript/unit/fullcalendar/interaction/eventDrop.test.js
@@ -4,20 +4,20 @@
  */
 import { showWarning } from '@nextcloud/dialogs'
 import { translate } from '@nextcloud/l10n'
-import { getDurationValueFromFullCalendarDuration } from '../../../../../src/fullcalendar/duration.js'
-import eventDrop from '../../../../../src/fullcalendar/interaction/eventDrop.js'
-import getTimezoneManager from '../../../../../src/services/timezoneDataProviderService.js'
-import useCalendarObjectsStore from '../../../../../src/store/calendarObjects.js'
-import useCalendarsStore from '../../../../../src/store/calendars.js'
-import usePrincipalsStore from '../../../../../src/store/principals.js'
-import { getObjectAtRecurrenceId } from '../../../../../src/utils/calendarObject.js'
-
-vi.mock('../../../../../src/fullcalendar/duration.js')
-vi.mock('../../../../../src/services/timezoneDataProviderService.js')
-vi.mock('../../../../../src/utils/calendarObject.js')
-vi.mock('../../../../../src/store/calendars.js')
-vi.mock('../../../../../src/store/calendarObjects.js')
-vi.mock('../../../../../src/store/principals.js')
+import { getDurationValueFromFullCalendarDuration } from '@/fullcalendar/duration.js'
+import eventDrop from '@/fullcalendar/interaction/eventDrop.js'
+import getTimezoneManager from '@/services/timezoneDataProviderService.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useCalendarsStore from '@/store/calendars.js'
+import usePrincipalsStore from '@/store/principals.js'
+import { getObjectAtRecurrenceId } from '@/utils/calendarObject.js'
+
+vi.mock('@/fullcalendar/duration.js')
+vi.mock('@/services/timezoneDataProviderService.js')
+vi.mock('@/utils/calendarObject.js')
+vi.mock('@/store/calendars.js')
+vi.mock('@/store/calendarObjects.js')
+vi.mock('@/store/principals.js')
 vi.mock('@nextcloud/l10n')
 vi.mock('@nextcloud/dialogs')
 
diff --git a/tests/javascript/unit/fullcalendar/interaction/eventResize.test.js b/tests/javascript/unit/fullcalendar/interaction/eventResize.test.js
index c3e9ba77f8..8093b0fc62 100644
--- a/tests/javascript/unit/fullcalendar/interaction/eventResize.test.js
+++ b/tests/javascript/unit/fullcalendar/interaction/eventResize.test.js
@@ -2,16 +2,16 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { getDurationValueFromFullCalendarDuration } from '../../../../../src/fullcalendar/duration.js'
-import eventResize from '../../../../../src/fullcalendar/interaction/eventResize.js'
-import useCalendarObjectsStore from '../../../../../src/store/calendarObjects.js'
-import useCalendarsStore from '../../../../../src/store/calendars.js'
-import { getObjectAtRecurrenceId } from '../../../../../src/utils/calendarObject.js'
-
-vi.mock('../../../../../src/fullcalendar/duration.js')
-vi.mock('../../../../../src/utils/calendarObject.js')
-vi.mock('../../../../../src/store/calendars.js')
-vi.mock('../../../../../src/store/calendarObjects.js')
+import { getDurationValueFromFullCalendarDuration } from '@/fullcalendar/duration.js'
+import eventResize from '@/fullcalendar/interaction/eventResize.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useCalendarsStore from '@/store/calendars.js'
+import { getObjectAtRecurrenceId } from '@/utils/calendarObject.js'
+
+vi.mock('@/fullcalendar/duration.js')
+vi.mock('@/utils/calendarObject.js')
+vi.mock('@/store/calendars.js')
+vi.mock('@/store/calendarObjects.js')
 
 describe('fullcalendar/eventResize test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/fullcalendar/interaction/navLinkDayClick.test.js b/tests/javascript/unit/fullcalendar/interaction/navLinkDayClick.test.js
index e9b6118905..a506da5387 100644
--- a/tests/javascript/unit/fullcalendar/interaction/navLinkDayClick.test.js
+++ b/tests/javascript/unit/fullcalendar/interaction/navLinkDayClick.test.js
@@ -2,9 +2,9 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import navLinkDayClick from '../../../../../src/fullcalendar/interaction/navLinkDayClick.js'
-import { getYYYYMMDDFromDate } from '../../../../../src/utils/date.js'
-vi.mock('../../../../../src/utils/date.js')
+import navLinkDayClick from '@/fullcalendar/interaction/navLinkDayClick.js'
+import { getYYYYMMDDFromDate } from '@/utils/date.js'
+vi.mock('@/utils/date.js')
 
 describe('fullcalendar/eventClick test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/fullcalendar/interaction/navLinkWeekClick.test.js b/tests/javascript/unit/fullcalendar/interaction/navLinkWeekClick.test.js
index de31f77971..398a686b3c 100644
--- a/tests/javascript/unit/fullcalendar/interaction/navLinkWeekClick.test.js
+++ b/tests/javascript/unit/fullcalendar/interaction/navLinkWeekClick.test.js
@@ -2,9 +2,9 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import navLinkWeekClick from '../../../../../src/fullcalendar/interaction/navLinkWeekClick.js'
-import { getYYYYMMDDFromDate } from '../../../../../src/utils/date.js'
-vi.mock('../../../../../src/utils/date.js')
+import navLinkWeekClick from '@/fullcalendar/interaction/navLinkWeekClick.js'
+import { getYYYYMMDDFromDate } from '@/utils/date.js'
+vi.mock('@/utils/date.js')
 
 describe('fullcalendar/eventClick test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/fullcalendar/interaction/select.test.js b/tests/javascript/unit/fullcalendar/interaction/select.test.js
index 3772175261..94c9dd35c7 100644
--- a/tests/javascript/unit/fullcalendar/interaction/select.test.js
+++ b/tests/javascript/unit/fullcalendar/interaction/select.test.js
@@ -3,8 +3,8 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { createPinia, setActivePinia } from 'pinia'
-import select from '../../../../../src/fullcalendar/interaction/select.js'
-import useSettingsStore from '../../../../../src/store/settings.js'
+import select from '@/fullcalendar/interaction/select.js'
+import useSettingsStore from '@/store/settings.js'
 
 describe('fullcalendar/select test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/fullcalendar/rendering/eventDidMount.test.js b/tests/javascript/unit/fullcalendar/rendering/eventDidMount.test.js
index 6b578f1e1f..754938a001 100644
--- a/tests/javascript/unit/fullcalendar/rendering/eventDidMount.test.js
+++ b/tests/javascript/unit/fullcalendar/rendering/eventDidMount.test.js
@@ -3,11 +3,11 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { getCanonicalLocale, translate } from '@nextcloud/l10n'
-import eventRender from '../../../../../src/fullcalendar/rendering/eventDidMount.js'
-import { formatDateWithTimezone, isMultiDayAllDayEvent } from '../../../../../src/utils/date.js'
+import eventRender from '@/fullcalendar/rendering/eventDidMount.js'
+import { formatDateWithTimezone, isMultiDayAllDayEvent } from '@/utils/date.js'
 
 vi.mock('@nextcloud/l10n')
-vi.mock('../../../../../src/utils/date.js')
+vi.mock('@/utils/date.js')
 
 describe('fullcalendar/eventDidMount test suite', () => {
 	it('should add extended properties from the event to the dataset of the dom element - existing event', () => {
diff --git a/tests/javascript/unit/fullcalendar/rendering/eventLimitText.test.js b/tests/javascript/unit/fullcalendar/rendering/eventLimitText.test.js
index faa3bb2316..f7baa2e7cb 100644
--- a/tests/javascript/unit/fullcalendar/rendering/eventLimitText.test.js
+++ b/tests/javascript/unit/fullcalendar/rendering/eventLimitText.test.js
@@ -4,7 +4,7 @@
  */
 
 import { translatePlural } from '@nextcloud/l10n'
-import eventLimitText from '../../../../../src/fullcalendar/rendering/eventLimitText.js'
+import eventLimitText from '@/fullcalendar/rendering/eventLimitText.js'
 vi.mock('@nextcloud/l10n')
 
 describe('fullcalendar/eventSourceFunction test suite', () => {
diff --git a/tests/javascript/unit/fullcalendar/rendering/eventOrder.test.js b/tests/javascript/unit/fullcalendar/rendering/eventOrder.test.js
index 0abd7d9096..750271365e 100644
--- a/tests/javascript/unit/fullcalendar/rendering/eventOrder.test.js
+++ b/tests/javascript/unit/fullcalendar/rendering/eventOrder.test.js
@@ -6,7 +6,7 @@ import {
 	allDayFirst,
 	allDayOrder,
 	partDayOrder,
-} from '../../../../../src/fullcalendar/rendering/eventOrder.js'
+} from '@/fullcalendar/rendering/eventOrder.js'
 
 describe('fullcalendar/eventOrder - allDayFirst', () => {
 	it('should sort all-day events before timed events', () => {
diff --git a/tests/javascript/unit/fullcalendar/rendering/windowResize.js b/tests/javascript/unit/fullcalendar/rendering/windowResize.js
index 8b374f2d02..ae5cce8f93 100644
--- a/tests/javascript/unit/fullcalendar/rendering/windowResize.js
+++ b/tests/javascript/unit/fullcalendar/rendering/windowResize.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import windowResize from '../../../../../src/fullcalendar/rendering/windowResize.js'
+import windowResize from '@/fullcalendar/rendering/windowResize.js'
 
 describe('fullcalendar/windowResize test suite', () => {
 	it('should provide the correct height with header bar', () => {
diff --git a/tests/javascript/unit/models/alarm.test.js b/tests/javascript/unit/models/alarm.test.js
index 8d88f15272..5e15577c4e 100644
--- a/tests/javascript/unit/models/alarm.test.js
+++ b/tests/javascript/unit/models/alarm.test.js
@@ -1,17 +1,17 @@
+import { getAlarmComponentFromAsset } from '../loadAsset.js'
 /**
  * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { getDefaultAlarmObject, mapAlarmComponentToAlarmObject } from '../../../../src/models/alarm.js'
+import { getDefaultAlarmObject, mapAlarmComponentToAlarmObject } from '@/models/alarm.js'
 import {
 	getAmountAndUnitForTimedEvents,
 	getAmountHoursMinutesAndUnitForAllDayEvents,
-} from '../../../../src/utils/alarms.js'
-import { getDateFromDateTimeValue } from '../../../../src/utils/date.js'
-import { getAlarmComponentFromAsset } from '../loadAsset.js'
+} from '@/utils/alarms.js'
+import { getDateFromDateTimeValue } from '@/utils/date.js'
 
-vi.mock('../../../../src/utils/alarms.js')
-vi.mock('../../../../src/utils/date.js')
+vi.mock('@/utils/alarms.js')
+vi.mock('@/utils/date.js')
 
 describe('Test suite: Alarm model (models/alarm.js)', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/models/appointmentConfig.test.js b/tests/javascript/unit/models/appointmentConfig.test.js
index cccbda98c9..bf75c240c1 100644
--- a/tests/javascript/unit/models/appointmentConfig.test.js
+++ b/tests/javascript/unit/models/appointmentConfig.test.js
@@ -4,7 +4,7 @@
  */
 
 import { getBaseUrl } from '@nextcloud/router'
-import AppointmentConfig from '../../../../src/models/appointmentConfig.js'
+import AppointmentConfig from '@/models/appointmentConfig.js'
 
 vi.mock('@nextcloud/calendar-availability-vue')
 vi.mock('@nextcloud/router', () => ({
diff --git a/tests/javascript/unit/models/attendee.test.js b/tests/javascript/unit/models/attendee.test.js
index ff3621ea09..2c40f213bb 100644
--- a/tests/javascript/unit/models/attendee.test.js
+++ b/tests/javascript/unit/models/attendee.test.js
@@ -4,8 +4,8 @@
  */
 
 import { AttendeeProperty } from '@nextcloud/calendar-js'
-import { getDefaultAttendeeObject, mapAttendeePropertyToAttendeeObject, mapPrincipalObjectToAttendeeObject } from '../../../../src/models/attendee.js'
 import { getAttendeePropertyFromAsset } from '../loadAsset.js'
+import { getDefaultAttendeeObject, mapAttendeePropertyToAttendeeObject, mapPrincipalObjectToAttendeeObject } from '@/models/attendee.js'
 
 describe('Test suite: Attendee model (models/attendee.js)', () => {
 	it('should return a default attendee object', () => {
diff --git a/tests/javascript/unit/models/calendar.test.js b/tests/javascript/unit/models/calendar.test.js
index d388ada8cc..8faa97a69c 100644
--- a/tests/javascript/unit/models/calendar.test.js
+++ b/tests/javascript/unit/models/calendar.test.js
@@ -5,9 +5,9 @@
 import {
 	getDefaultCalendarObject,
 	mapDavCollectionToCalendar,
-} from '../../../../src/models/calendar.js'
-import { mapDavShareeToCalendarShareObject } from '../../../../src/models/calendarShare.js'
-vi.mock('../../../../src/models/calendarShare.js')
+} from '@/models/calendar.js'
+import { mapDavShareeToCalendarShareObject } from '@/models/calendarShare.js'
+vi.mock('@/models/calendarShare.js')
 
 describe('Test suite: Calendar model (models/calendar.js)', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/models/calendarObject.test.js b/tests/javascript/unit/models/calendarObject.test.js
index 9324f9f572..13a4f3077c 100644
--- a/tests/javascript/unit/models/calendarObject.test.js
+++ b/tests/javascript/unit/models/calendarObject.test.js
@@ -3,12 +3,12 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { CalendarComponent, FreeBusyComponent, getParserManager } from '@nextcloud/calendar-js'
+import { loadICS } from '../loadAsset.js'
 import {
 	getDefaultCalendarObjectObject,
 	mapCalendarJsToCalendarObject,
 	mapCDavObjectToCalendarObject,
-} from '../../../../src/models/calendarObject.js'
-import { loadICS } from '../loadAsset.js'
+} from '@/models/calendarObject.js'
 
 describe('Test suite: Calendar object model (models/calendarObject.js)', () => {
 	it('should return a default calendarObject object', () => {
diff --git a/tests/javascript/unit/models/calendarShare.test.js b/tests/javascript/unit/models/calendarShare.test.js
index 69f32ad58a..8efe6078be 100644
--- a/tests/javascript/unit/models/calendarShare.test.js
+++ b/tests/javascript/unit/models/calendarShare.test.js
@@ -6,7 +6,7 @@
 import {
 	getDefaultCalendarShareObject,
 	mapDavShareeToCalendarShareObject,
-} from '../../../../src/models/calendarShare.js'
+} from '@/models/calendarShare.js'
 
 describe('Test suite: Calendar share model (models/calendarShare.js)', () => {
 	it('should return a default calendar share object', () => {
diff --git a/tests/javascript/unit/models/contact.test.js b/tests/javascript/unit/models/contact.test.js
index 0cb33f3cbf..68c17692e2 100644
--- a/tests/javascript/unit/models/contact.test.js
+++ b/tests/javascript/unit/models/contact.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { getDefaultContactsObject } from '../../../../src/models/contact.js'
+import { getDefaultContactsObject } from '@/models/contact.js'
 
 describe('Test suite: Contact model (models/contact.js)', () => {
 	it('should return a default contacts object', () => {
diff --git a/tests/javascript/unit/models/event.test.js b/tests/javascript/unit/models/event.test.js
index 899eeaf3f2..dbaab9876a 100644
--- a/tests/javascript/unit/models/event.test.js
+++ b/tests/javascript/unit/models/event.test.js
@@ -5,19 +5,19 @@
 
 import { DateTimeValue, DurationValue } from '@nextcloud/calendar-js'
 import { expect } from 'vitest'
-import { mapAlarmComponentToAlarmObject } from '../../../../src/models/alarm.js'
-import { mapAttendeePropertyToAttendeeObject } from '../../../../src/models/attendee.js'
-import { copyCalendarObjectInstanceIntoEventComponent, getDefaultEventObject, mapEventComponentToEventObject } from '../../../../src/models/event.js'
-import { getDefaultRecurrenceRuleObject, mapRecurrenceRuleValueToRecurrenceRuleObject } from '../../../../src/models/recurrenceRule.js'
-import { getHexForColorName } from '../../../../src/utils/color.js'
-import { getDateFromDateTimeValue } from '../../../../src/utils/date.js'
 import { getEventComponentFromAsset } from '../loadAsset.js'
-
-vi.mock('../../../../src/utils/date.js')
-vi.mock('../../../../src/utils/color.js')
-vi.mock('../../../../src/models/alarm.js')
-vi.mock('../../../../src/models/attendee.js')
-vi.mock('../../../../src/models/recurrenceRule.js')
+import { mapAlarmComponentToAlarmObject } from '@/models/alarm.js'
+import { mapAttendeePropertyToAttendeeObject } from '@/models/attendee.js'
+import { copyCalendarObjectInstanceIntoEventComponent, getDefaultEventObject, mapEventComponentToEventObject } from '@/models/event.js'
+import { getDefaultRecurrenceRuleObject, mapRecurrenceRuleValueToRecurrenceRuleObject } from '@/models/recurrenceRule.js'
+import { getHexForColorName } from '@/utils/color.js'
+import { getDateFromDateTimeValue } from '@/utils/date.js'
+
+vi.mock('@/utils/date.js')
+vi.mock('@/utils/color.js')
+vi.mock('@/models/alarm.js')
+vi.mock('@/models/attendee.js')
+vi.mock('@/models/recurrenceRule.js')
 
 describe('Test suite: Event model (models/event.js)', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/models/principal.test.js b/tests/javascript/unit/models/principal.test.js
index 1aec7c4a1d..d38f71f174 100644
--- a/tests/javascript/unit/models/principal.test.js
+++ b/tests/javascript/unit/models/principal.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { getDefaultPrincipalObject, mapDavToPrincipal } from '../../../../src/models/principal.js'
+import { getDefaultPrincipalObject, mapDavToPrincipal } from '@/models/principal.js'
 
 describe('Test suite: Principal model (models/principal.js)', () => {
 	it('should return a default principal object', () => {
diff --git a/tests/javascript/unit/models/recurrenceRule.test.js b/tests/javascript/unit/models/recurrenceRule.test.js
index f01c762c0d..1368b348bf 100644
--- a/tests/javascript/unit/models/recurrenceRule.test.js
+++ b/tests/javascript/unit/models/recurrenceRule.test.js
@@ -4,14 +4,14 @@
  */
 
 import { DateTimeValue } from '@nextcloud/calendar-js'
+import { getRecurValueFromAsset } from '../loadAsset.js'
 import {
 	getDefaultRecurrenceRuleObject,
 	mapRecurrenceRuleValueToRecurrenceRuleObject,
-} from '../../../../src/models/recurrenceRule.js'
-import { getDateFromDateTimeValue } from '../../../../src/utils/date.js'
-import { getRecurValueFromAsset } from '../loadAsset.js'
+} from '@/models/recurrenceRule.js'
+import { getDateFromDateTimeValue } from '@/utils/date.js'
 
-vi.mock('../../../../src/utils/date.js')
+vi.mock('@/utils/date.js')
 
 describe('Test suite: Recurrence Rule model (models/recurrenceRule.js)', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/models/rfcProps.test.js b/tests/javascript/unit/models/rfcProps.test.js
index a151c786f8..b7022cc379 100644
--- a/tests/javascript/unit/models/rfcProps.test.js
+++ b/tests/javascript/unit/models/rfcProps.test.js
@@ -3,10 +3,10 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { translate } from '@nextcloud/l10n'
-import { getDefaultCategories } from '../../../../src/defaults/defaultCategories.js'
-import { getRFCProperties } from '../../../../src/models/rfcProps.js'
+import { getDefaultCategories } from '@/defaults/defaultCategories.js'
+import { getRFCProperties } from '@/models/rfcProps.js'
 vi.mock('@nextcloud/l10n')
-vi.mock('../../../../src/defaults/defaultCategories.js')
+vi.mock('@/defaults/defaultCategories.js')
 
 describe('Test suite: RFC properties (models/rfcProps.js)', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/models/schedulingObject.test.js b/tests/javascript/unit/models/schedulingObject.test.js
index 440a99d0e3..93f5173a77 100644
--- a/tests/javascript/unit/models/schedulingObject.test.js
+++ b/tests/javascript/unit/models/schedulingObject.test.js
@@ -4,12 +4,12 @@
  */
 
 import { CalendarComponent, getParserManager } from '@nextcloud/calendar-js'
+import { loadICS } from '../loadAsset.js'
 import {
 	getDefaultSchedulingObject,
 	mapCalendarJsToSchedulingObject,
 	mapCDavObjectToSchedulingObject,
-} from '../../../../src/models/schedulingObject.js'
-import { loadICS } from '../loadAsset.js'
+} from '@/models/schedulingObject.js'
 
 describe('Test suite: Scheduling Object model (models/schedulingObject.js)', () => {
 	it('should return a default scheduling object object', () => {
diff --git a/tests/javascript/unit/services/freeBusyService.test.js b/tests/javascript/unit/services/freeBusyService.test.js
index 27fd6e3699..5090bbd559 100644
--- a/tests/javascript/unit/services/freeBusyService.test.js
+++ b/tests/javascript/unit/services/freeBusyService.test.js
@@ -4,10 +4,10 @@
  */
 
 import { AttendeeProperty } from '@nextcloud/calendar-js'
-import { checkResourceAvailability } from '../../../../src/services/freeBusyService'
-import { doFreeBusyRequest } from '../../../../src/utils/freebusy'
+import { checkResourceAvailability } from '@/services/freeBusyService'
+import { doFreeBusyRequest } from '@/utils/freebusy'
 
-vi.mock('../../../../src/utils/freebusy')
+vi.mock('@/utils/freebusy')
 
 describe('services/freeBusyService test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/services/freeBusySlotService.test.js b/tests/javascript/unit/services/freeBusySlotService.test.js
index 6141ce2808..d541fef137 100644
--- a/tests/javascript/unit/services/freeBusySlotService.test.js
+++ b/tests/javascript/unit/services/freeBusySlotService.test.js
@@ -2,7 +2,7 @@
  * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { getFirstFreeSlot } from '../../../../src/services/freeBusySlotService.js'
+import { getFirstFreeSlot } from '@/services/freeBusySlotService.js'
 
 describe('services/freeBusySlotService test suite', () => {
 	it('should return the first rounded slot after blocking event end', () => {
diff --git a/tests/javascript/unit/services/settings.test.js b/tests/javascript/unit/services/settings.test.js
index 9be3e8f9c5..e4e16c5576 100644
--- a/tests/javascript/unit/services/settings.test.js
+++ b/tests/javascript/unit/services/settings.test.js
@@ -3,11 +3,11 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import HttpClient from '@nextcloud/axios'
-import { setConfig } from '../../../../src/services/settings.js'
-import { getLinkToConfig } from '../../../../src/utils/settings.js'
+import { setConfig } from '@/services/settings.js'
+import { getLinkToConfig } from '@/utils/settings.js'
 
 vi.mock('@nextcloud/axios')
-vi.mock('../../../../src/utils/settings.js')
+vi.mock('@/utils/settings.js')
 
 describe('Test suite: Settings service (services/settings.js)', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/services/talkService.test.js b/tests/javascript/unit/services/talkService.test.js
index 119765a607..301bd92a21 100644
--- a/tests/javascript/unit/services/talkService.test.js
+++ b/tests/javascript/unit/services/talkService.test.js
@@ -4,7 +4,7 @@
  */
 
 import { getBaseUrl } from '@nextcloud/router'
-import { extractRoomUrlToken, generateRoomUrl } from '../../../../src/services/talkService.ts'
+import { extractRoomUrlToken, generateRoomUrl } from '@/services/talkService.ts'
 
 vi.mock('@nextcloud/router', () => ({
 	generateUrl: vi.fn((url, params, options) => {
diff --git a/tests/javascript/unit/services/windowTitleService.test.js b/tests/javascript/unit/services/windowTitleService.test.js
index bbb7d8ebab..18d7b9a69c 100644
--- a/tests/javascript/unit/services/windowTitleService.test.js
+++ b/tests/javascript/unit/services/windowTitleService.test.js
@@ -3,13 +3,13 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { createPinia, setActivePinia } from 'pinia'
-import dateRangeFormat from '../../../../src/filters/dateRangeFormat.js'
-import windowTitleService from '../../../../src/services/windowTitleService.js'
-import useSettingsStore from '../../../../src/store/settings.js'
-import { getDateFromFirstdayParam } from '../../../../src/utils/date.js'
+import dateRangeFormat from '@/filters/dateRangeFormat.js'
+import windowTitleService from '@/services/windowTitleService.js'
+import useSettingsStore from '@/store/settings.js'
+import { getDateFromFirstdayParam } from '@/utils/date.js'
 
-vi.mock('../../../../src/filters/dateRangeFormat.js')
-vi.mock('../../../../src/utils/date.js')
+vi.mock('@/filters/dateRangeFormat.js')
+vi.mock('@/utils/date.js')
 
 describe('services/windowTitleService', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/store/calendarObjects.test.js b/tests/javascript/unit/store/calendarObjects.test.js
index 73538f2dd2..2da55027ba 100644
--- a/tests/javascript/unit/store/calendarObjects.test.js
+++ b/tests/javascript/unit/store/calendarObjects.test.js
@@ -4,7 +4,7 @@
  */
 import { createPinia, setActivePinia } from 'pinia'
 import { toRaw } from 'vue'
-import useCalendarObjectsStore from '../../../../src/store/calendarObjects.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
 
 describe('store/calendarObjects test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/store/calendars.test.js b/tests/javascript/unit/store/calendars.test.js
index 6cfbf1e2e7..ca35819119 100644
--- a/tests/javascript/unit/store/calendars.test.js
+++ b/tests/javascript/unit/store/calendars.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { createPinia, setActivePinia } from 'pinia'
-import useCalendarsStore from '../../../../src/store/calendars.js'
+import useCalendarsStore from '@/store/calendars.js'
 
 describe('store/calendars test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/store/contacts.test.js b/tests/javascript/unit/store/contacts.test.js
index ea7d788fe3..abc4138359 100644
--- a/tests/javascript/unit/store/contacts.test.js
+++ b/tests/javascript/unit/store/contacts.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { createPinia, setActivePinia } from 'pinia'
-import useContactsStore from '../../../../src/store/contacts.js'
+import useContactsStore from '@/store/contacts.js'
 
 describe('store/contacts test suite', () => {
 	let contactsStore
diff --git a/tests/javascript/unit/store/davRestrictions.test.js b/tests/javascript/unit/store/davRestrictions.test.js
index b6b6530ebb..381bc90802 100644
--- a/tests/javascript/unit/store/davRestrictions.test.js
+++ b/tests/javascript/unit/store/davRestrictions.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { createPinia, setActivePinia } from 'pinia'
-import useDavRestrictionsStore from '../../../../src/store/davRestrictions.js'
+import useDavRestrictionsStore from '@/store/davRestrictions.js'
 
 describe('store/davRestrictions test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/store/importFiles.test.js b/tests/javascript/unit/store/importFiles.test.js
index 1a140e61c6..0aeb78c170 100644
--- a/tests/javascript/unit/store/importFiles.test.js
+++ b/tests/javascript/unit/store/importFiles.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { createPinia, setActivePinia } from 'pinia'
-import useImportFilesStore from '../../../../src/store/importFiles.js'
+import useImportFilesStore from '@/store/importFiles.js'
 
 describe('store/importFiles test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/store/importState.test.js b/tests/javascript/unit/store/importState.test.js
index 717e395140..466b38ddf0 100644
--- a/tests/javascript/unit/store/importState.test.js
+++ b/tests/javascript/unit/store/importState.test.js
@@ -6,8 +6,8 @@ import { createPinia, setActivePinia } from 'pinia'
 import {
 	IMPORT_STAGE_AWAITING_USER_SELECT,
 	IMPORT_STAGE_DEFAULT,
-} from '../../../../src/models/consts.js'
-import useImportStateStore from '../../../../src/store/importState.js'
+} from '@/models/consts.js'
+import useImportStateStore from '@/store/importState.js'
 
 describe('store/importState test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/store/settings.test.js b/tests/javascript/unit/store/settings.test.js
index fd5d7f3c59..34c62f3fd9 100644
--- a/tests/javascript/unit/store/settings.test.js
+++ b/tests/javascript/unit/store/settings.test.js
@@ -4,21 +4,21 @@
  */
 import { setConfig as setCalendarJsConfig } from '@nextcloud/calendar-js'
 import { createPinia, setActivePinia } from 'pinia'
-import { getDefaultCalendarObject, mapDavCollectionToCalendar } from '../../../../src/models/calendar.js'
-import { CALDAV_BIRTHDAY_CALENDAR } from '../../../../src/models/consts.js'
-import { enableBirthdayCalendar } from '../../../../src/services/caldavService.js'
-import { setConfig } from '../../../../src/services/settings.js'
-import useCalendarObjectsStore from '../../../../src/store/calendarObjects.js'
-import useCalendarsStore from '../../../../src/store/calendars.js'
-import useFetchedTimeRangesStore from '../../../../src/store/fetchedTimeRanges.js'
-import useSettingsStore from '../../../../src/store/settings.js'
-import { logInfo } from '../../../../src/utils/logger.js'
-
-vi.mock('../../../../src/services/caldavService.js')
-vi.mock('../../../../src/models/calendar.js')
+import { getDefaultCalendarObject, mapDavCollectionToCalendar } from '@/models/calendar.js'
+import { CALDAV_BIRTHDAY_CALENDAR } from '@/models/consts.js'
+import { enableBirthdayCalendar } from '@/services/caldavService.js'
+import { setConfig } from '@/services/settings.js'
+import useCalendarObjectsStore from '@/store/calendarObjects.js'
+import useCalendarsStore from '@/store/calendars.js'
+import useFetchedTimeRangesStore from '@/store/fetchedTimeRanges.js'
+import useSettingsStore from '@/store/settings.js'
+import { logInfo } from '@/utils/logger.js'
+
+vi.mock('@/services/caldavService.js')
+vi.mock('@/models/calendar.js')
 vi.mock('@nextcloud/calendar-js')
-vi.mock('../../../../src/services/settings.js')
-vi.mock('../../../../src/utils/logger.js')
+vi.mock('@/services/settings.js')
+vi.mock('@/utils/logger.js')
 
 describe('store/settings test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/store/tasks.test.js b/tests/javascript/unit/store/tasks.test.js
index 3ffcef0adc..40dced693b 100644
--- a/tests/javascript/unit/store/tasks.test.js
+++ b/tests/javascript/unit/store/tasks.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { createPinia, setActivePinia } from 'pinia'
-import useTasksStore from '../../../../src/store/unscheduledTasks.js'
+import useTasksStore from '@/store/unscheduledTasks.js'
 
 describe('store/tasks test suite', () => {
 	let tasksStore
diff --git a/tests/javascript/unit/utils/alarms.test.js b/tests/javascript/unit/utils/alarms.test.js
index 534c32d706..97c8b32039 100644
--- a/tests/javascript/unit/utils/alarms.test.js
+++ b/tests/javascript/unit/utils/alarms.test.js
@@ -10,7 +10,7 @@ import {
 	getTotalSecondsFromAmountAndUnitForTimedEvents,
 	getTotalSecondsFromAmountHourMinutesAndUnitForAllDayEvents,
 	updateAlarms,
-} from '../../../../src/utils/alarms.js'
+} from '@/utils/alarms.js'
 
 /**
  * Parse an ICS string and return the first event component.
diff --git a/tests/javascript/unit/utils/attendee.test.js b/tests/javascript/unit/utils/attendee.test.js
index 66a646c811..8ab3799c02 100644
--- a/tests/javascript/unit/utils/attendee.test.js
+++ b/tests/javascript/unit/utils/attendee.test.js
@@ -8,7 +8,7 @@ import {
 	isPendingResourceBooking,
 	organizerDisplayName,
 	removeMailtoPrefix,
-} from '../../../../src/utils/attendee.js'
+} from '@/utils/attendee.js'
 
 describe('utils/attendee test suite', () => {
 	it('should remove mailto prefixes from uris', () => {
diff --git a/tests/javascript/unit/utils/closestColor.test.js b/tests/javascript/unit/utils/closestColor.test.js
index 464256f2bf..e74e4b0b13 100644
--- a/tests/javascript/unit/utils/closestColor.test.js
+++ b/tests/javascript/unit/utils/closestColor.test.js
@@ -6,7 +6,7 @@
 // Code was taken from:
 //   - https://github.com/juliuste/closest-css-color
 
-import closestColor from '../../../../src/utils/closestColor.js'
+import closestColor from '@/utils/closestColor.js'
 
 describe('utils/closestColor test suite', () => {
 	it('should calculate the closest color', () => {
diff --git a/tests/javascript/unit/utils/color.test.js b/tests/javascript/unit/utils/color.test.js
index dd181fe099..18416e82d5 100644
--- a/tests/javascript/unit/utils/color.test.js
+++ b/tests/javascript/unit/utils/color.test.js
@@ -11,7 +11,7 @@ import {
 	hexToRGB,
 	isLight,
 	uidToHexColor,
-} from '../../../../src/utils/color.js'
+} from '@/utils/color.js'
 
 describe('utils/color test suite', () => {
 	it('should provide a function to generate a text-color from an rgb string', () => {
diff --git a/tests/javascript/unit/utils/date.test.js b/tests/javascript/unit/utils/date.test.js
index 53e46503c8..b67b9b76a5 100644
--- a/tests/javascript/unit/utils/date.test.js
+++ b/tests/javascript/unit/utils/date.test.js
@@ -10,9 +10,9 @@ import {
 	getYYYYMMDDFromDate,
 	getYYYYMMDDFromFirstdayParam,
 	modifyDate,
-} from '../../../../src/utils/date.js'
-import logger from '../../../../src/utils/logger.js'
-vi.mock('../../../../src/utils/logger.js')
+} from '@/utils/date.js'
+import logger from '@/utils/logger.js'
+vi.mock('@/utils/logger.js')
 
 describe('utils/alarms test suite', () => {
 	beforeEach(() => {
diff --git a/tests/javascript/unit/utils/freebusy.test.js b/tests/javascript/unit/utils/freebusy.test.js
index 8ad1a5d42d..6400b1bb87 100644
--- a/tests/javascript/unit/utils/freebusy.test.js
+++ b/tests/javascript/unit/utils/freebusy.test.js
@@ -4,11 +4,11 @@
  */
 
 import { AttendeeProperty, DateTimeValue } from '@nextcloud/calendar-js'
-import { findSchedulingOutbox } from '../../../../src/services/caldavService.js'
-import { doFreeBusyRequest } from '../../../../src/utils/freebusy.js'
 import { loadICS } from '../loadAsset.js'
+import { findSchedulingOutbox } from '@/services/caldavService.js'
+import { doFreeBusyRequest } from '@/utils/freebusy.js'
 
-vi.mock('../../../../src/services/caldavService')
+vi.mock('@/services/caldavService')
 
 /**
  * Create an array from an async generator
diff --git a/tests/javascript/unit/utils/randomId.test.js b/tests/javascript/unit/utils/randomId.test.js
index a593fd57f0..77a7f8f706 100644
--- a/tests/javascript/unit/utils/randomId.test.js
+++ b/tests/javascript/unit/utils/randomId.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { randomId } from '../../../../src/utils/randomId.js'
+import { randomId } from '@/utils/randomId.js'
 
 describe('utils/randomId test suite', () => {
 	it('should generate hex strings', () => {
diff --git a/tests/javascript/unit/utils/recurrence.test.js b/tests/javascript/unit/utils/recurrence.test.js
index 1d1a321294..23d89152ee 100644
--- a/tests/javascript/unit/utils/recurrence.test.js
+++ b/tests/javascript/unit/utils/recurrence.test.js
@@ -5,7 +5,7 @@
 import {
 	getBySetPositionAndBySetFromDate,
 	getWeekDayFromDate,
-} from '../../../../src/utils/recurrence.js'
+} from '@/utils/recurrence.js'
 
 describe('utils/recurrence test suite', () => {
 	it('should get the BYSETPOS value for a date object', () => {
diff --git a/tests/javascript/unit/utils/router.test.js b/tests/javascript/unit/utils/router.test.js
index 81f4c0d06e..45f65be6af 100644
--- a/tests/javascript/unit/utils/router.test.js
+++ b/tests/javascript/unit/utils/router.test.js
@@ -8,7 +8,7 @@ import {
 	getPreferredEditorRoute,
 	getPrefixedRoute,
 	isPublicOrEmbeddedRoute,
-} from '../../../../src/utils/router.js'
+} from '@/utils/router.js'
 
 vi.mock('@nextcloud/initial-state')
 
diff --git a/tests/javascript/unit/utils/settings.test.js b/tests/javascript/unit/utils/settings.test.js
index 2bbfdf1fd7..84eac6a53b 100644
--- a/tests/javascript/unit/utils/settings.test.js
+++ b/tests/javascript/unit/utils/settings.test.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { linkTo } from '@nextcloud/router'
-import { getLinkToConfig } from '../../../../src/utils/settings.js'
+import { getLinkToConfig } from '@/utils/settings.js'
 vi.mock('@nextcloud/router')
 
 describe('utils/settings test suite', () => {