From 41703f838f11144aefde0fb0273a532961a99406 Mon Sep 17 00:00:00 2001
From: Kasper Seweryn <github@wvffle.net>
Date: Sat, 23 Apr 2022 09:37:43 +0200
Subject: [PATCH] Remove '@/'

---
 front/package.json                            |   2 +-
 front/src/App.vue                             |  28 +--
 front/src/components/About.vue                |   6 +-
 front/src/components/Home.vue                 |  10 +-
 front/src/components/Queue.vue                |   6 +-
 front/src/components/SetInstanceModal.vue     |   2 +-
 front/src/components/ShortcutsModal.vue       |   2 +-
 front/src/components/Sidebar.vue              |  14 +-
 front/src/components/admin/SettingsGroup.vue  |   2 +-
 .../components/admin/SignupFormBuilder.vue    |   2 +-
 front/src/components/audio/ChannelCard.vue    |   6 +-
 front/src/components/audio/ChannelEntries.vue |   4 +-
 .../src/components/audio/ChannelEntryCard.vue |   4 +-
 front/src/components/audio/ChannelForm.vue    |   4 +-
 .../src/components/audio/ChannelSerieCard.vue |   2 +-
 front/src/components/audio/ChannelSeries.vue  |   4 +-
 front/src/components/audio/ChannelsWidget.vue |   2 +-
 front/src/components/audio/PlayButton.vue     |   4 +-
 front/src/components/audio/Player.vue         |  10 +-
 front/src/components/audio/Search.vue         |   6 +-
 front/src/components/audio/SearchBar.vue      |   4 +-
 front/src/components/audio/album/Card.vue     |   2 +-
 front/src/components/audio/album/Widget.vue   |   2 +-
 front/src/components/audio/artist/Card.vue    |   4 +-
 front/src/components/audio/artist/Widget.vue  |   2 +-
 .../components/audio/podcast/MobileRow.vue    |   6 +-
 front/src/components/audio/podcast/Modal.vue  |   6 +-
 front/src/components/audio/podcast/Row.vue    |   4 +-
 front/src/components/audio/podcast/Table.vue  |   6 +-
 .../src/components/audio/track/MobileRow.vue  |   6 +-
 front/src/components/audio/track/Modal.vue    |   6 +-
 front/src/components/audio/track/Row.vue      |   8 +-
 front/src/components/audio/track/Table.vue    |   8 +-
 front/src/components/audio/track/Widget.vue   |   4 +-
 front/src/components/auth/ApplicationEdit.vue |   2 +-
 front/src/components/auth/ApplicationForm.vue |   2 +-
 front/src/components/auth/ApplicationNew.vue  |   2 +-
 front/src/components/auth/Authorize.vue       |   4 +-
 front/src/components/auth/LoginForm.vue       |   2 +-
 front/src/components/auth/Settings.vue        |  10 +-
 front/src/components/auth/SignupForm.vue      |   6 +-
 .../src/components/auth/SubsonicTokenForm.vue |   2 +-
 front/src/components/channels/AlbumModal.vue  |   4 +-
 .../components/channels/SubscribeButton.vue   |   2 +-
 front/src/components/channels/UploadForm.vue  |   8 +-
 .../channels/UploadMetadataForm.vue           |   4 +-
 front/src/components/channels/UploadModal.vue |   6 +-
 front/src/components/common/ActorAvatar.vue   |   2 +-
 .../src/components/common/DangerousButton.vue |   2 +-
 front/src/components/common/Duration.vue      |   2 +-
 front/src/components/common/ExpandableDiv.vue |   2 +-
 front/src/components/common/LoginModal.vue    |   2 +-
 front/src/components/common/UserLink.vue      |   2 +-
 front/src/components/common/UserMenu.vue      |   4 +-
 front/src/components/common/UserModal.vue     |   6 +-
 front/src/components/favorites/List.vue       |  16 +-
 .../src/components/federation/FetchButton.vue |   2 +-
 .../components/federation/LibraryWidget.vue   |   2 +-
 front/src/components/library/AlbumBase.vue    |   6 +-
 front/src/components/library/AlbumDetail.vue  |  10 +-
 .../src/components/library/AlbumDropdown.vue  |   8 +-
 front/src/components/library/AlbumEdit.vue    |   2 +-
 front/src/components/library/Albums.vue       |  14 +-
 front/src/components/library/ArtistBase.vue   |  16 +-
 front/src/components/library/ArtistDetail.vue |   6 +-
 front/src/components/library/ArtistEdit.vue   |   2 +-
 front/src/components/library/Artists.vue      |  14 +-
 front/src/components/library/EditCard.vue     |   2 +-
 front/src/components/library/EditDetail.vue   |   4 +-
 front/src/components/library/EditForm.vue     |  10 +-
 front/src/components/library/EditList.vue     |   2 +-
 front/src/components/library/FileUpload.vue   |   2 +-
 .../components/library/FileUploadWidget.vue   |   2 +-
 front/src/components/library/Home.vue         |  10 +-
 .../components/library/ImportStatusModal.vue  |   2 +-
 front/src/components/library/Podcasts.vue     |  18 +-
 front/src/components/library/Radios.vue       |  12 +-
 front/src/components/library/TagDetail.vue    |  10 +-
 front/src/components/library/TrackBase.vue    |  22 +-
 front/src/components/library/TrackDetail.vue  |   6 +-
 front/src/components/library/TrackEdit.vue    |   2 +-
 .../src/components/library/radios/Builder.vue |   4 +-
 .../src/components/library/radios/Filter.vue  |   4 +-
 front/src/components/manage/ChannelsTable.vue |  14 +-
 .../components/manage/library/AlbumsTable.vue |  14 +-
 .../manage/library/ArtistsTable.vue           |  14 +-
 .../manage/library/EditsCardList.vue          |  16 +-
 .../manage/library/LibrariesTable.vue         |  14 +-
 .../components/manage/library/TagsTable.vue   |  16 +-
 .../components/manage/library/TracksTable.vue |  14 +-
 .../manage/library/UploadsTable.vue           |  16 +-
 .../manage/moderation/AccountsTable.vue       |  14 +-
 .../manage/moderation/DomainsTable.vue        |  10 +-
 .../manage/moderation/InstancePolicyModal.vue |   6 +-
 .../manage/moderation/ReportCard.vue          |  12 +-
 .../manage/moderation/UserRequestCard.vue     |   4 +-
 .../manage/users/InvitationsTable.vue         |   8 +-
 .../components/manage/users/UsersTable.vue    |  10 +-
 front/src/components/mixins/SmartSearch.vue   |   2 +-
 .../src/components/moderation/FilterModal.vue |   4 +-
 .../moderation/ReportCategoryDropdown.vue     |   2 +-
 .../src/components/moderation/ReportModal.vue |   4 +-
 front/src/components/playlists/Card.vue       |   4 +-
 front/src/components/playlists/CardList.vue   |   2 +-
 front/src/components/playlists/Editor.vue     |   2 +-
 front/src/components/playlists/Form.vue       |   4 +-
 .../components/playlists/PlaylistModal.vue    |   6 +-
 front/src/components/playlists/Widget.vue     |   2 +-
 front/src/composables/useThemeList.ts         |   2 +-
 front/src/embed/EmbedFrame.vue                |   2 +-
 front/src/main.ts                             |   2 +-
 front/src/modules/axios.ts                    |   6 +-
 front/src/modules/directives.ts               |   4 +-
 front/src/modules/globalComponents.ts         |  40 ++--
 front/src/modules/instance.ts                 |   2 +-
 front/src/modules/internalLinks.ts            |   2 +-
 front/src/modules/locale.ts                   |   4 +-
 front/src/modules/serviceWorker.ts            |   2 +-
 front/src/modules/webSocket.ts                |   2 +-
 front/src/modules/window.ts                   |   2 +-
 front/src/radios.js                           |   2 +-
 front/src/router/index.ts                     | 200 +++++++++---------
 front/src/store/auth.js                       |   4 +-
 front/src/store/channels.js                   |   2 +-
 front/src/store/favorites.js                  |   2 +-
 front/src/store/instance.js                   |   2 +-
 front/src/store/libraries.js                  |   2 +-
 front/src/store/moderation.js                 |   2 +-
 front/src/store/player.js                     |   4 +-
 front/src/store/queue.js                      |   2 +-
 front/src/store/radios.js                     |   4 +-
 front/src/utils/index.ts                      |   2 +-
 front/src/views/Notifications.vue             |   2 +-
 front/src/views/Search.vue                    |  16 +-
 front/src/views/admin/ChannelDetail.vue       |   4 +-
 front/src/views/admin/ChannelsList.vue        |   2 +-
 front/src/views/admin/Settings.vue            |   2 +-
 front/src/views/admin/library/AlbumDetail.vue |   4 +-
 front/src/views/admin/library/AlbumsList.vue  |   2 +-
 .../src/views/admin/library/ArtistDetail.vue  |   4 +-
 front/src/views/admin/library/ArtistsList.vue |   2 +-
 front/src/views/admin/library/EditsList.vue   |   2 +-
 .../src/views/admin/library/LibrariesList.vue |   2 +-
 .../src/views/admin/library/LibraryDetail.vue |   4 +-
 front/src/views/admin/library/TagsList.vue    |   2 +-
 front/src/views/admin/library/TrackDetail.vue |   4 +-
 front/src/views/admin/library/TracksList.vue  |   2 +-
 .../src/views/admin/library/UploadDetail.vue  |   6 +-
 front/src/views/admin/library/UploadsList.vue |   2 +-
 .../views/admin/moderation/AccountsDetail.vue |   6 +-
 .../views/admin/moderation/AccountsList.vue   |   2 +-
 .../views/admin/moderation/DomainsDetail.vue  |   4 +-
 .../views/admin/moderation/DomainsList.vue    |   2 +-
 .../views/admin/moderation/ReportDetail.vue   |   2 +-
 .../views/admin/moderation/ReportsList.vue    |  16 +-
 .../views/admin/moderation/RequestDetail.vue  |   2 +-
 .../views/admin/moderation/RequestsList.vue   |  14 +-
 .../src/views/admin/users/InvitationsList.vue |   4 +-
 front/src/views/admin/users/UsersList.vue     |   2 +-
 front/src/views/auth/Login.vue                |   2 +-
 front/src/views/auth/PasswordResetConfirm.vue |   2 +-
 front/src/views/auth/Plugins.vue              |   2 +-
 front/src/views/auth/ProfileActivity.vue      |   6 +-
 front/src/views/auth/ProfileBase.vue          |   2 +-
 front/src/views/auth/ProfileOverview.vue      |   8 +-
 front/src/views/auth/Signup.vue               |   2 +-
 front/src/views/channels/DetailBase.vue       |  14 +-
 front/src/views/channels/DetailEpisodes.vue   |   2 +-
 front/src/views/channels/DetailOverview.vue   |   6 +-
 .../src/views/channels/SubscriptionsList.vue  |   6 +-
 front/src/views/content/Home.vue              |   2 +-
 front/src/views/content/libraries/Card.vue    |   2 +-
 .../views/content/libraries/FilesTable.vue    |  16 +-
 front/src/views/content/libraries/Form.vue    |   2 +-
 front/src/views/content/libraries/Quota.vue   |   4 +-
 front/src/views/content/remote/Card.vue       |   4 +-
 front/src/views/library/DetailAlbums.vue      |   2 +-
 front/src/views/library/DetailBase.vue        |   6 +-
 front/src/views/library/DetailOverview.vue    |   2 +-
 front/src/views/library/DetailTracks.vue      |   2 +-
 front/src/views/library/Edit.vue              |   4 +-
 front/src/views/library/Upload.vue            |   2 +-
 front/src/views/playlists/Detail.vue          |  10 +-
 front/src/views/playlists/List.vue            |  10 +-
 front/src/views/radios/Detail.vue             |   6 +-
 front/tests/unit/specs/audio/volume.spec.js   |   2 +-
 .../unit/specs/components/common.spec.js      |   2 +-
 .../tests/unit/specs/components/forms.spec.js |   2 +-
 .../tests/unit/specs/filters/filters.spec.js  |   2 +-
 front/tests/unit/specs/search.spec.js         |   2 +-
 front/tests/unit/specs/store/auth.spec.js     |   2 +-
 .../tests/unit/specs/store/favorites.spec.js  |   2 +-
 front/tests/unit/specs/store/instance.spec.js |   2 +-
 front/tests/unit/specs/store/player.spec.js   |   2 +-
 .../tests/unit/specs/store/playlists.spec.js  |   2 +-
 front/tests/unit/specs/store/queue.spec.js    |   2 +-
 front/tests/unit/specs/store/radios.spec.js   |   2 +-
 front/tests/unit/specs/utils.spec.js          |   2 +-
 .../unit/specs/views/admin/library.spec.js    |   6 +-
 front/tsconfig.json                           |   3 +-
 front/vite.config.ts                          |   5 +-
 front/yarn.lock                               |  96 +++++++--
 202 files changed, 715 insertions(+), 649 deletions(-)

diff --git a/front/package.json b/front/package.json
index d56e20a77..c8e44e76b 100644
--- a/front/package.json
+++ b/front/package.json
@@ -141,7 +141,7 @@
       "^.+\\.js$": "babel-jest"
     },
     "moduleNameMapper": {
-      "^@/(.*)$": "<rootDir>/src/$1"
+      "^~/(.*)$": "<rootDir>/src/$1"
     },
     "testEnvironment": "jsdom"
   }
diff --git a/front/src/App.vue b/front/src/App.vue
index 389addcbe..7ec5f741f 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -1,28 +1,28 @@
 <script setup lang="ts">
-import AudioPlayer from '@/components/audio/Player.vue'
-import Queue from '@/components/Queue.vue'
-import PlaylistModal from '@/components/playlists/PlaylistModal.vue'
-import ChannelUploadModal from '@/components/channels/UploadModal.vue'
-import Sidebar from '@/components/Sidebar.vue'
-import ServiceMessages from '@/components/ServiceMessages.vue'
-import SetInstanceModal from '@/components/SetInstanceModal.vue'
-import ShortcutsModal from '@/components/ShortcutsModal.vue'
-import FilterModal from '@/components/moderation/FilterModal.vue'
-import ReportModal from '@/components/moderation/ReportModal.vue'
+import AudioPlayer from '~/components/audio/Player.vue'
+import Queue from '~/components/Queue.vue'
+import PlaylistModal from '~/components/playlists/PlaylistModal.vue'
+import ChannelUploadModal from '~/components/channels/UploadModal.vue'
+import Sidebar from '~/components/Sidebar.vue'
+import ServiceMessages from '~/components/ServiceMessages.vue'
+import SetInstanceModal from '~/components/SetInstanceModal.vue'
+import ShortcutsModal from '~/components/ShortcutsModal.vue'
+import FilterModal from '~/components/moderation/FilterModal.vue'
+import ReportModal from '~/components/moderation/ReportModal.vue'
 import { useIntervalFn, useWindowSize } from '@vueuse/core'
-import GlobalEvents from '@/components/utils/global-events.vue'
+import GlobalEvents from '~/components/utils/global-events.vue'
 
 import { computed, nextTick, onMounted, ref, watchEffect } from '@vue/composition-api'
-import store from '@/store'
+import store from '~/store'
 import {
   ListenWSEvent,
   PendingReviewEditsWSEvent,
   PendingReviewReportsWSEvent,
   PendingReviewRequestsWSEvent,
   Track
-} from '@/types'
+} from '~/types'
 import useWebSocketHandler from '~/composables/useWebSocketHandler'
-import { getClientOnlyRadio } from '@/radios'
+import { getClientOnlyRadio } from '~/radios'
 
 // Tracks
 const currentTrack = computed(() => store.getters['queue/currentTrack'])
diff --git a/front/src/components/About.vue b/front/src/components/About.vue
index 1a88bec48..daefaec61 100644
--- a/front/src/components/About.vue
+++ b/front/src/components/About.vue
@@ -252,10 +252,10 @@
 import { mapState } from 'vuex'
 import { get } from 'lodash-es'
 import showdown from 'showdown'
-import { humanSize } from '@/modules/filters'
+import { humanSize } from '~/modules/filters'
 
-import SignupForm from '@/components/auth/SignupForm.vue'
-import LogoText from '@/components/LogoText.vue'
+import SignupForm from '~/components/auth/SignupForm.vue'
+import LogoText from '~/components/LogoText.vue'
 
 export default {
   components: {
diff --git a/front/src/components/Home.vue b/front/src/components/Home.vue
index bd8336787..99e80c29c 100644
--- a/front/src/components/Home.vue
+++ b/front/src/components/Home.vue
@@ -328,11 +328,11 @@
 import { get } from 'lodash-es'
 import { mapState } from 'vuex'
 import showdown from 'showdown'
-import AlbumWidget from '@/components/audio/album/Widget.vue'
-import ChannelsWidget from '@/components/audio/ChannelsWidget.vue'
-import LoginForm from '@/components/auth/LoginForm.vue'
-import SignupForm from '@/components/auth/SignupForm.vue'
-import { humanSize } from '@/modules/filters'
+import AlbumWidget from '~/components/audio/album/Widget.vue'
+import ChannelsWidget from '~/components/audio/ChannelsWidget.vue'
+import LoginForm from '~/components/auth/LoginForm.vue'
+import SignupForm from '~/components/auth/SignupForm.vue'
+import { humanSize } from '~/modules/filters'
 
 export default {
   components: {
diff --git a/front/src/components/Queue.vue b/front/src/components/Queue.vue
index ae0e4cd8c..9f1e32a54 100644
--- a/front/src/components/Queue.vue
+++ b/front/src/components/Queue.vue
@@ -346,10 +346,10 @@ import { mapState, mapGetters, mapActions } from 'vuex'
 import $ from 'jquery'
 import moment from 'moment'
 import { sum } from 'lodash-es'
-import time from '@/utils/time'
+import time from '~/utils/time'
 import { createFocusTrap } from 'focus-trap'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon.vue'
-import TrackPlaylistIcon from '@/components/playlists/TrackPlaylistIcon.vue'
+import TrackFavoriteIcon from '~/components/favorites/TrackFavoriteIcon.vue'
+import TrackPlaylistIcon from '~/components/playlists/TrackPlaylistIcon.vue'
 import draggable from 'vuedraggable'
 
 export default {
diff --git a/front/src/components/SetInstanceModal.vue b/front/src/components/SetInstanceModal.vue
index 9cb2d49b8..0293325f7 100644
--- a/front/src/components/SetInstanceModal.vue
+++ b/front/src/components/SetInstanceModal.vue
@@ -105,7 +105,7 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal.vue'
+import Modal from '~/components/semantic/Modal.vue'
 import axios from 'axios'
 import { uniq } from 'lodash-es'
 
diff --git a/front/src/components/ShortcutsModal.vue b/front/src/components/ShortcutsModal.vue
index c75976c68..5c8b73adf 100644
--- a/front/src/components/ShortcutsModal.vue
+++ b/front/src/components/ShortcutsModal.vue
@@ -60,7 +60,7 @@
 
 <script>
 
-import Modal from '@/components/semantic/Modal.vue'
+import Modal from '~/components/semantic/Modal.vue'
 
 export default {
   components: {
diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue
index e41408101..084cb52fb 100644
--- a/front/src/components/Sidebar.vue
+++ b/front/src/components/Sidebar.vue
@@ -472,15 +472,15 @@
 
 <script>
 import { mapState, mapActions, mapGetters } from 'vuex'
-import UserModal from '@/components/common/UserModal.vue'
-import Logo from '@/components/Logo.vue'
-import SearchBar from '@/components/audio/SearchBar.vue'
-import UserMenu from '@/components/common/UserMenu.vue'
-import Modal from '@/components/semantic/Modal.vue'
+import UserModal from '~/components/common/UserModal.vue'
+import Logo from '~/components/Logo.vue'
+import SearchBar from '~/components/audio/SearchBar.vue'
+import UserMenu from '~/components/common/UserMenu.vue'
+import Modal from '~/components/semantic/Modal.vue'
 
 import $ from 'jquery'
-import useThemeList from '@/composables/useThemeList'
-import useTheme from '@/composables/useTheme'
+import useThemeList from '~/composables/useThemeList'
+import useTheme from '~/composables/useTheme'
 
 export default {
   name: 'Sidebar',
diff --git a/front/src/components/admin/SettingsGroup.vue b/front/src/components/admin/SettingsGroup.vue
index 9667aec97..c6fabebe2 100644
--- a/front/src/components/admin/SettingsGroup.vue
+++ b/front/src/components/admin/SettingsGroup.vue
@@ -158,7 +158,7 @@
 <script>
 import axios from 'axios'
 import { cloneDeep } from 'lodash-es'
-import SignupFormBuilder from '@/components/admin/SignupFormBuilder.vue'
+import SignupFormBuilder from '~/components/admin/SignupFormBuilder.vue'
 
 export default {
   components: {
diff --git a/front/src/components/admin/SignupFormBuilder.vue b/front/src/components/admin/SignupFormBuilder.vue
index bd2f4bb67..e6f8f5e23 100644
--- a/front/src/components/admin/SignupFormBuilder.vue
+++ b/front/src/components/admin/SignupFormBuilder.vue
@@ -163,7 +163,7 @@
 <script>
 import { cloneDeep, tap, set } from 'lodash-es'
 
-import SignupForm from '@/components/auth/SignupForm.vue'
+import SignupForm from '~/components/auth/SignupForm.vue'
 
 function arrayMove (arr, oldIndex, newIndex) {
   if (newIndex >= arr.length) {
diff --git a/front/src/components/audio/ChannelCard.vue b/front/src/components/audio/ChannelCard.vue
index 5586481cf..a693fc5ea 100644
--- a/front/src/components/audio/ChannelCard.vue
+++ b/front/src/components/audio/ChannelCard.vue
@@ -75,10 +75,10 @@
 </template>
 
 <script>
-import PlayButton from '@/components/audio/PlayButton.vue'
-import TagsList from '@/components/tags/List.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import TagsList from '~/components/tags/List.vue'
 
-import { momentFormat } from '@/modules/filters'
+import { momentFormat } from '~/modules/filters'
 import moment from 'moment'
 
 export default {
diff --git a/front/src/components/audio/ChannelEntries.vue b/front/src/components/audio/ChannelEntries.vue
index 39702ce3b..4b192eb9c 100644
--- a/front/src/components/audio/ChannelEntries.vue
+++ b/front/src/components/audio/ChannelEntries.vue
@@ -57,8 +57,8 @@
 <script>
 import { clone } from 'lodash-es'
 import axios from 'axios'
-import PodcastTable from '@/components/audio/podcast/Table.vue'
-import TrackTable from '@/components/audio/track/Table.vue'
+import PodcastTable from '~/components/audio/podcast/Table.vue'
+import TrackTable from '~/components/audio/track/Table.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/ChannelEntryCard.vue b/front/src/components/audio/ChannelEntryCard.vue
index b190f7519..03a1f16c4 100644
--- a/front/src/components/audio/ChannelEntryCard.vue
+++ b/front/src/components/audio/ChannelEntryCard.vue
@@ -77,8 +77,8 @@
 </template>
 
 <script>
-import PlayButton from '@/components/audio/PlayButton.vue'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import TrackFavoriteIcon from '~/components/favorites/TrackFavoriteIcon.vue'
 import { mapGetters } from 'vuex'
 
 export default {
diff --git a/front/src/components/audio/ChannelForm.vue b/front/src/components/audio/ChannelForm.vue
index 8426a8646..1259074fe 100644
--- a/front/src/components/audio/ChannelForm.vue
+++ b/front/src/components/audio/ChannelForm.vue
@@ -249,8 +249,8 @@
 <script>
 import axios from 'axios'
 
-import AttachmentInput from '@/components/common/AttachmentInput.vue'
-import TagsSelector from '@/components/library/TagsSelector.vue'
+import AttachmentInput from '~/components/common/AttachmentInput.vue'
+import TagsSelector from '~/components/library/TagsSelector.vue'
 
 function slugify (text) {
   return text.toString().toLowerCase()
diff --git a/front/src/components/audio/ChannelSerieCard.vue b/front/src/components/audio/ChannelSerieCard.vue
index 269cc4107..5406ace5d 100644
--- a/front/src/components/audio/ChannelSerieCard.vue
+++ b/front/src/components/audio/ChannelSerieCard.vue
@@ -62,7 +62,7 @@
 </template>
 
 <script>
-import PlayButton from '@/components/audio/PlayButton.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/ChannelSeries.vue b/front/src/components/audio/ChannelSeries.vue
index 820f49aef..d41f9cc39 100644
--- a/front/src/components/audio/ChannelSeries.vue
+++ b/front/src/components/audio/ChannelSeries.vue
@@ -55,8 +55,8 @@
 <script>
 import { clone } from 'lodash-es'
 import axios from 'axios'
-import ChannelSerieCard from '@/components/audio/ChannelSerieCard.vue'
-import AlbumCard from '@/components/audio/album/Card.vue'
+import ChannelSerieCard from '~/components/audio/ChannelSerieCard.vue'
+import AlbumCard from '~/components/audio/album/Card.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/ChannelsWidget.vue b/front/src/components/audio/ChannelsWidget.vue
index 91eba0801..70b85a62d 100644
--- a/front/src/components/audio/ChannelsWidget.vue
+++ b/front/src/components/audio/ChannelsWidget.vue
@@ -39,7 +39,7 @@
 <script>
 import { clone } from 'lodash-es'
 import axios from 'axios'
-import ChannelCard from '@/components/audio/ChannelCard.vue'
+import ChannelCard from '~/components/audio/ChannelCard.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/PlayButton.vue b/front/src/components/audio/PlayButton.vue
index f7165d840..420511c70 100644
--- a/front/src/components/audio/PlayButton.vue
+++ b/front/src/components/audio/PlayButton.vue
@@ -126,8 +126,8 @@
 <script>
 import jQuery from 'jquery'
 
-import ReportMixin from '@/components/mixins/Report.vue'
-import PlayOptionsMixin from '@/components/mixins/PlayOptions.vue'
+import ReportMixin from '~/components/mixins/Report.vue'
+import PlayOptionsMixin from '~/components/mixins/PlayOptions.vue'
 
 export default {
   mixins: [ReportMixin, PlayOptionsMixin],
diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index 932e56195..b8ad250d6 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -339,15 +339,15 @@
 
 <script>
 import { mapState, mapGetters, mapActions } from 'vuex'
-import GlobalEvents from '@/components/utils/global-events.vue'
-import { toLinearVolumeScale } from '@/audio/volume.js'
+import GlobalEvents from '~/components/utils/global-events.vue'
+import { toLinearVolumeScale } from '~/audio/volume.js'
 import { Howl, Howler } from 'howler'
 import { throttle, reverse } from 'lodash-es'
 import axios from 'axios'
 import VolumeControl from './VolumeControl.vue'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon.vue'
-import TrackPlaylistIcon from '@/components/playlists/TrackPlaylistIcon.vue'
-import updateQueryString from '@/composables/updateQueryString'
+import TrackFavoriteIcon from '~/components/favorites/TrackFavoriteIcon.vue'
+import TrackPlaylistIcon from '~/components/playlists/TrackPlaylistIcon.vue'
+import updateQueryString from '~/composables/updateQueryString'
 
 export default {
   components: {
diff --git a/front/src/components/audio/Search.vue b/front/src/components/audio/Search.vue
index 27c87d6dc..289212c5a 100644
--- a/front/src/components/audio/Search.vue
+++ b/front/src/components/audio/Search.vue
@@ -71,9 +71,9 @@
 <script>
 import { debounce } from 'lodash-es'
 import axios from 'axios'
-import logger from '@/logging'
-import AlbumCard from '@/components/audio/album/Card.vue'
-import ArtistCard from '@/components/audio/artist/Card.vue'
+import logger from '~/logging'
+import AlbumCard from '~/components/audio/album/Card.vue'
+import ArtistCard from '~/components/audio/artist/Card.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/SearchBar.vue b/front/src/components/audio/SearchBar.vue
index 795096d62..c6f1a8d0b 100644
--- a/front/src/components/audio/SearchBar.vue
+++ b/front/src/components/audio/SearchBar.vue
@@ -22,9 +22,9 @@
 
 <script>
 import jQuery from 'jquery'
-import router from '@/router'
+import router from '~/router'
 import { trim } from 'lodash-es'
-import GlobalEvents from '@/components/utils/global-events.vue'
+import GlobalEvents from '~/components/utils/global-events.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/album/Card.vue b/front/src/components/audio/album/Card.vue
index 154ef4ec1..d5a3c4d18 100644
--- a/front/src/components/audio/album/Card.vue
+++ b/front/src/components/audio/album/Card.vue
@@ -58,7 +58,7 @@
 </template>
 
 <script>
-import PlayButton from '@/components/audio/PlayButton.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/album/Widget.vue b/front/src/components/audio/album/Widget.vue
index a76c19116..08535d665 100644
--- a/front/src/components/audio/album/Widget.vue
+++ b/front/src/components/audio/album/Widget.vue
@@ -56,7 +56,7 @@
 
 <script>
 import axios from 'axios'
-import AlbumCard from '@/components/audio/album/Card.vue'
+import AlbumCard from '~/components/audio/album/Card.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/artist/Card.vue b/front/src/components/audio/artist/Card.vue
index 9fd37b1e0..dcfc3c031 100644
--- a/front/src/components/audio/artist/Card.vue
+++ b/front/src/components/audio/artist/Card.vue
@@ -65,8 +65,8 @@
 </template>
 
 <script>
-import PlayButton from '@/components/audio/PlayButton.vue'
-import TagsList from '@/components/tags/List.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import TagsList from '~/components/tags/List.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/artist/Widget.vue b/front/src/components/audio/artist/Widget.vue
index f12c960c0..03c4aec43 100644
--- a/front/src/components/audio/artist/Widget.vue
+++ b/front/src/components/audio/artist/Widget.vue
@@ -52,7 +52,7 @@
 
 <script>
 import axios from 'axios'
-import ArtistCard from '@/components/audio/artist/Card.vue'
+import ArtistCard from '~/components/audio/artist/Card.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/podcast/MobileRow.vue b/front/src/components/audio/podcast/MobileRow.vue
index 40bf88389..3a7af0e15 100644
--- a/front/src/components/audio/podcast/MobileRow.vue
+++ b/front/src/components/audio/podcast/MobileRow.vue
@@ -139,9 +139,9 @@
 
 <script>
 import { mapActions, mapGetters } from 'vuex'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon.vue'
-import TrackModal from '@/components/audio/track/Modal.vue'
-import PlayOptionsMixin from '@/components/mixins/PlayOptions.vue'
+import TrackFavoriteIcon from '~/components/favorites/TrackFavoriteIcon.vue'
+import TrackModal from '~/components/audio/track/Modal.vue'
+import PlayOptionsMixin from '~/components/mixins/PlayOptions.vue'
 
 export default {
 
diff --git a/front/src/components/audio/podcast/Modal.vue b/front/src/components/audio/podcast/Modal.vue
index 0a5e396fa..d7baa3876 100644
--- a/front/src/components/audio/podcast/Modal.vue
+++ b/front/src/components/audio/podcast/Modal.vue
@@ -226,9 +226,9 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal.vue'
-import ReportMixin from '@/components/mixins/Report.vue'
-import PlayOptionsMixin from '@/components/mixins/PlayOptions.vue'
+import Modal from '~/components/semantic/Modal.vue'
+import ReportMixin from '~/components/mixins/Report.vue'
+import PlayOptionsMixin from '~/components/mixins/PlayOptions.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/podcast/Row.vue b/front/src/components/audio/podcast/Row.vue
index 1f9eb60c1..061066372 100644
--- a/front/src/components/audio/podcast/Row.vue
+++ b/front/src/components/audio/podcast/Row.vue
@@ -83,8 +83,8 @@
 <script>
 import axios from 'axios'
 import { mapActions, mapGetters } from 'vuex'
-import PlayButton from '@/components/audio/PlayButton.vue'
-import PlayOptions from '@/components/mixins/PlayOptions.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import PlayOptions from '~/components/mixins/PlayOptions.vue'
 
 export default {
 
diff --git a/front/src/components/audio/podcast/Table.vue b/front/src/components/audio/podcast/Table.vue
index df737da8a..237d3b2a3 100644
--- a/front/src/components/audio/podcast/Table.vue
+++ b/front/src/components/audio/podcast/Table.vue
@@ -77,9 +77,9 @@
 </template>
 
 <script>
-import PodcastRow from '@/components/audio/podcast/Row.vue'
-import TrackMobileRow from '@/components/audio/track/MobileRow.vue'
-import Pagination from '@/components/Pagination.vue'
+import PodcastRow from '~/components/audio/podcast/Row.vue'
+import TrackMobileRow from '~/components/audio/track/MobileRow.vue'
+import Pagination from '~/components/Pagination.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/track/MobileRow.vue b/front/src/components/audio/track/MobileRow.vue
index bf1f552af..cac26b4e7 100644
--- a/front/src/components/audio/track/MobileRow.vue
+++ b/front/src/components/audio/track/MobileRow.vue
@@ -122,9 +122,9 @@
 
 <script>
 import { mapActions, mapGetters } from 'vuex'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon.vue'
-import TrackModal from '@/components/audio/track/Modal.vue'
-import PlayOptionsMixin from '@/components/mixins/PlayOptions.vue'
+import TrackFavoriteIcon from '~/components/favorites/TrackFavoriteIcon.vue'
+import TrackModal from '~/components/audio/track/Modal.vue'
+import PlayOptionsMixin from '~/components/mixins/PlayOptions.vue'
 
 export default {
 
diff --git a/front/src/components/audio/track/Modal.vue b/front/src/components/audio/track/Modal.vue
index 0a5e396fa..d7baa3876 100644
--- a/front/src/components/audio/track/Modal.vue
+++ b/front/src/components/audio/track/Modal.vue
@@ -226,9 +226,9 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal.vue'
-import ReportMixin from '@/components/mixins/Report.vue'
-import PlayOptionsMixin from '@/components/mixins/PlayOptions.vue'
+import Modal from '~/components/semantic/Modal.vue'
+import ReportMixin from '~/components/mixins/Report.vue'
+import PlayOptionsMixin from '~/components/mixins/PlayOptions.vue'
 
 export default {
   components: {
diff --git a/front/src/components/audio/track/Row.vue b/front/src/components/audio/track/Row.vue
index 64f9d7f2f..70af7ba15 100644
--- a/front/src/components/audio/track/Row.vue
+++ b/front/src/components/audio/track/Row.vue
@@ -180,11 +180,11 @@
 </template>
 
 <script>
-import PlayIndicator from '@/components/audio/track/PlayIndicator.vue'
+import PlayIndicator from '~/components/audio/track/PlayIndicator.vue'
 import { mapActions, mapGetters } from 'vuex'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon.vue'
-import PlayButton from '@/components/audio/PlayButton.vue'
-import PlayOptions from '@/components/mixins/PlayOptions.vue'
+import TrackFavoriteIcon from '~/components/favorites/TrackFavoriteIcon.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import PlayOptions from '~/components/mixins/PlayOptions.vue'
 
 export default {
 
diff --git a/front/src/components/audio/track/Table.vue b/front/src/components/audio/track/Table.vue
index 9d7cdcb7f..16f4623e5 100644
--- a/front/src/components/audio/track/Table.vue
+++ b/front/src/components/audio/track/Table.vue
@@ -160,10 +160,10 @@
 <script>
 import { clone } from 'lodash-es'
 import axios from 'axios'
-import TrackRow from '@/components/audio/track/Row.vue'
-import TrackMobileRow from '@/components/audio/track/MobileRow.vue'
-import Pagination from '@/components/Pagination.vue'
-import { unique } from '@/modules/filters'
+import TrackRow from '~/components/audio/track/Row.vue'
+import TrackMobileRow from '~/components/audio/track/MobileRow.vue'
+import Pagination from '~/components/Pagination.vue'
+import { unique } from '~/modules/filters'
 
 export default {
   components: {
diff --git a/front/src/components/audio/track/Widget.vue b/front/src/components/audio/track/Widget.vue
index fba14dd23..22b25713e 100644
--- a/front/src/components/audio/track/Widget.vue
+++ b/front/src/components/audio/track/Widget.vue
@@ -137,8 +137,8 @@
 <script>
 import { clone } from 'lodash-es'
 import axios from 'axios'
-import PlayButton from '@/components/audio/PlayButton.vue'
-import TagsList from '@/components/tags/List.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import TagsList from '~/components/tags/List.vue'
 
 export default {
   components: {
diff --git a/front/src/components/auth/ApplicationEdit.vue b/front/src/components/auth/ApplicationEdit.vue
index 2e86ba285..2ac9c3d89 100644
--- a/front/src/components/auth/ApplicationEdit.vue
+++ b/front/src/components/auth/ApplicationEdit.vue
@@ -78,7 +78,7 @@
 <script>
 import axios from 'axios'
 
-import ApplicationForm from '@/components/auth/ApplicationForm.vue'
+import ApplicationForm from '~/components/auth/ApplicationForm.vue'
 
 export default {
   components: {
diff --git a/front/src/components/auth/ApplicationForm.vue b/front/src/components/auth/ApplicationForm.vue
index fd5c80cec..059aa3f53 100644
--- a/front/src/components/auth/ApplicationForm.vue
+++ b/front/src/components/auth/ApplicationForm.vue
@@ -121,7 +121,7 @@
 <script>
 import { uniq } from 'lodash-es'
 import axios from 'axios'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
 
 export default {
   mixins: [TranslationsMixin],
diff --git a/front/src/components/auth/ApplicationNew.vue b/front/src/components/auth/ApplicationNew.vue
index d85580e37..20a288625 100644
--- a/front/src/components/auth/ApplicationNew.vue
+++ b/front/src/components/auth/ApplicationNew.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import ApplicationForm from '@/components/auth/ApplicationForm.vue'
+import ApplicationForm from '~/components/auth/ApplicationForm.vue'
 
 export default {
   components: {
diff --git a/front/src/components/auth/Authorize.vue b/front/src/components/auth/Authorize.vue
index 52b519ae4..0d6ba2f72 100644
--- a/front/src/components/auth/Authorize.vue
+++ b/front/src/components/auth/Authorize.vue
@@ -142,11 +142,11 @@
 </template>
 
 <script>
-import TranslationsMixin from '@/components/mixins/Translations.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
 
 import axios from 'axios'
 
-import { checkRedirectToLogin } from '@/utils'
+import { checkRedirectToLogin } from '~/utils'
 export default {
   mixins: [TranslationsMixin],
   props: {
diff --git a/front/src/components/auth/LoginForm.vue b/front/src/components/auth/LoginForm.vue
index 20a21d5f6..ab3b92fcc 100644
--- a/front/src/components/auth/LoginForm.vue
+++ b/front/src/components/auth/LoginForm.vue
@@ -87,7 +87,7 @@
 </template>
 
 <script>
-import PasswordInput from '@/components/forms/PasswordInput.vue'
+import PasswordInput from '~/components/forms/PasswordInput.vue'
 
 export default {
   components: {
diff --git a/front/src/components/auth/Settings.vue b/front/src/components/auth/Settings.vue
index 92b3e724a..84a83c95a 100644
--- a/front/src/components/auth/Settings.vue
+++ b/front/src/components/auth/Settings.vue
@@ -698,11 +698,11 @@
 <script>
 import $ from 'jquery'
 import axios from 'axios'
-import logger from '@/logging'
-import PasswordInput from '@/components/forms/PasswordInput.vue'
-import SubsonicTokenForm from '@/components/auth/SubsonicTokenForm.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import AttachmentInput from '@/components/common/AttachmentInput.vue'
+import logger from '~/logging'
+import PasswordInput from '~/components/forms/PasswordInput.vue'
+import SubsonicTokenForm from '~/components/auth/SubsonicTokenForm.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import AttachmentInput from '~/components/common/AttachmentInput.vue'
 
 export default {
   components: {
diff --git a/front/src/components/auth/SignupForm.vue b/front/src/components/auth/SignupForm.vue
index a21f1c88a..4e9f90376 100644
--- a/front/src/components/auth/SignupForm.vue
+++ b/front/src/components/auth/SignupForm.vue
@@ -154,10 +154,10 @@
 
 <script>
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '~/logging'
 
-import LoginForm from '@/components/auth/LoginForm.vue'
-import PasswordInput from '@/components/forms/PasswordInput.vue'
+import LoginForm from '~/components/auth/LoginForm.vue'
+import PasswordInput from '~/components/forms/PasswordInput.vue'
 
 export default {
   components: {
diff --git a/front/src/components/auth/SubsonicTokenForm.vue b/front/src/components/auth/SubsonicTokenForm.vue
index a5e56913c..afc73a305 100644
--- a/front/src/components/auth/SubsonicTokenForm.vue
+++ b/front/src/components/auth/SubsonicTokenForm.vue
@@ -145,7 +145,7 @@
 
 <script>
 import axios from 'axios'
-import PasswordInput from '@/components/forms/PasswordInput.vue'
+import PasswordInput from '~/components/forms/PasswordInput.vue'
 
 export default {
   components: {
diff --git a/front/src/components/channels/AlbumModal.vue b/front/src/components/channels/AlbumModal.vue
index 586bcba85..e5b9de201 100644
--- a/front/src/components/channels/AlbumModal.vue
+++ b/front/src/components/channels/AlbumModal.vue
@@ -48,8 +48,8 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal.vue'
-import ChannelAlbumForm from '@/components/channels/AlbumForm.vue'
+import Modal from '~/components/semantic/Modal.vue'
+import ChannelAlbumForm from '~/components/channels/AlbumForm.vue'
 
 export default {
   components: {
diff --git a/front/src/components/channels/SubscribeButton.vue b/front/src/components/channels/SubscribeButton.vue
index 3d371e97a..4a2741500 100644
--- a/front/src/components/channels/SubscribeButton.vue
+++ b/front/src/components/channels/SubscribeButton.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script>
-import LoginModal from '@/components/common/LoginModal.vue'
+import LoginModal from '~/components/common/LoginModal.vue'
 
 export default {
   components: {
diff --git a/front/src/components/channels/UploadForm.vue b/front/src/components/channels/UploadForm.vue
index 79fc49dbf..3987adc53 100644
--- a/front/src/components/channels/UploadForm.vue
+++ b/front/src/components/channels/UploadForm.vue
@@ -239,10 +239,10 @@
 import axios from 'axios'
 import $ from 'jquery'
 
-import LicenseSelect from '@/components/channels/LicenseSelect.vue'
-import AlbumSelect from '@/components/channels/AlbumSelect.vue'
-import FileUploadWidget from '@/components/library/FileUploadWidget.vue'
-import UploadMetadataForm from '@/components/channels/UploadMetadataForm.vue'
+import LicenseSelect from '~/components/channels/LicenseSelect.vue'
+import AlbumSelect from '~/components/channels/AlbumSelect.vue'
+import FileUploadWidget from '~/components/library/FileUploadWidget.vue'
+import UploadMetadataForm from '~/components/channels/UploadMetadataForm.vue'
 
 function setIfEmpty (obj, k, v) {
   if (obj[k] !== undefined) {
diff --git a/front/src/components/channels/UploadMetadataForm.vue b/front/src/components/channels/UploadMetadataForm.vue
index 127a275e6..b59321056 100644
--- a/front/src/components/channels/UploadMetadataForm.vue
+++ b/front/src/components/channels/UploadMetadataForm.vue
@@ -58,8 +58,8 @@
 </template>
 
 <script>
-import TagsSelector from '@/components/library/TagsSelector.vue'
-import AttachmentInput from '@/components/common/AttachmentInput.vue'
+import TagsSelector from '~/components/library/TagsSelector.vue'
+import AttachmentInput from '~/components/common/AttachmentInput.vue'
 
 export default {
   components: {
diff --git a/front/src/components/channels/UploadModal.vue b/front/src/components/channels/UploadModal.vue
index 80b903e8f..b0cef636a 100644
--- a/front/src/components/channels/UploadModal.vue
+++ b/front/src/components/channels/UploadModal.vue
@@ -142,9 +142,9 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal.vue'
-import ChannelUploadForm from '@/components/channels/UploadForm.vue'
-import { humanSize } from '@/modules/filters'
+import Modal from '~/components/semantic/Modal.vue'
+import ChannelUploadForm from '~/components/channels/UploadForm.vue'
+import { humanSize } from '~/modules/filters'
 
 export default {
   components: {
diff --git a/front/src/components/common/ActorAvatar.vue b/front/src/components/common/ActorAvatar.vue
index d4f2188cb..42d847128 100644
--- a/front/src/components/common/ActorAvatar.vue
+++ b/front/src/components/common/ActorAvatar.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import { hashCode, intToRGB } from '@/utils/color'
+import { hashCode, intToRGB } from '~/utils/color'
 
 export default {
   props: { actor: { type: Object, required: true } },
diff --git a/front/src/components/common/DangerousButton.vue b/front/src/components/common/DangerousButton.vue
index 3f4a2ec04..3b5406a0c 100644
--- a/front/src/components/common/DangerousButton.vue
+++ b/front/src/components/common/DangerousButton.vue
@@ -43,7 +43,7 @@
   </button>
 </template>
 <script>
-import Modal from '@/components/semantic/Modal.vue'
+import Modal from '~/components/semantic/Modal.vue'
 
 export default {
   components: {
diff --git a/front/src/components/common/Duration.vue b/front/src/components/common/Duration.vue
index 98b2690b9..9963e61a8 100644
--- a/front/src/components/common/Duration.vue
+++ b/front/src/components/common/Duration.vue
@@ -13,7 +13,7 @@
   </span>
 </template>
 <script>
-import { secondsToObject } from '@/modules/filters'
+import { secondsToObject } from '~/modules/filters'
 
 export default {
   props: { seconds: { type: Number, default: null } },
diff --git a/front/src/components/common/ExpandableDiv.vue b/front/src/components/common/ExpandableDiv.vue
index 54ddc7b36..d71986ae7 100644
--- a/front/src/components/common/ExpandableDiv.vue
+++ b/front/src/components/common/ExpandableDiv.vue
@@ -23,7 +23,7 @@
   </div>
 </template>
 <script>
-// import sanitize from "@/sanitize"
+// import sanitize from "~/sanitize"
 
 export default {
   props: {
diff --git a/front/src/components/common/LoginModal.vue b/front/src/components/common/LoginModal.vue
index 5f51b3283..15861e5b9 100644
--- a/front/src/components/common/LoginModal.vue
+++ b/front/src/components/common/LoginModal.vue
@@ -51,7 +51,7 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal.vue'
+import Modal from '~/components/semantic/Modal.vue'
 
 export default {
   components: {
diff --git a/front/src/components/common/UserLink.vue b/front/src/components/common/UserLink.vue
index d04640381..ca44a1d66 100644
--- a/front/src/components/common/UserLink.vue
+++ b/front/src/components/common/UserLink.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import { hashCode, intToRGB } from '@/utils/color'
+import { hashCode, intToRGB } from '~/utils/color'
 
 export default {
   props: {
diff --git a/front/src/components/common/UserMenu.vue b/front/src/components/common/UserMenu.vue
index 44af4f664..2d5af8f9f 100644
--- a/front/src/components/common/UserMenu.vue
+++ b/front/src/components/common/UserMenu.vue
@@ -154,8 +154,8 @@
 <script>
 
 import { mapGetters } from 'vuex'
-import useThemeList from '@/composables/useThemeList'
-import useTheme from '@/composables/useTheme'
+import useThemeList from '~/composables/useThemeList'
+import useTheme from '~/composables/useTheme'
 
 export default {
   setup () {
diff --git a/front/src/components/common/UserModal.vue b/front/src/components/common/UserModal.vue
index dee0e003c..61c7fa9a0 100644
--- a/front/src/components/common/UserModal.vue
+++ b/front/src/components/common/UserModal.vue
@@ -174,10 +174,10 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal.vue'
+import Modal from '~/components/semantic/Modal.vue'
 import { mapGetters } from 'vuex'
-import useThemeList from '@/composables/useThemeList'
-import useTheme from '@/composables/useTheme'
+import useThemeList from '~/composables/useThemeList'
+import useTheme from '~/composables/useTheme'
 
 export default {
   components: {
diff --git a/front/src/components/favorites/List.vue b/front/src/components/favorites/List.vue
index 6859f4581..0bc0e1ed8 100644
--- a/front/src/components/favorites/List.vue
+++ b/front/src/components/favorites/List.vue
@@ -135,14 +135,14 @@
 <script>
 import axios from 'axios'
 import $ from 'jquery'
-import logger from '@/logging'
-import RadioButton from '@/components/radios/Button.vue'
-import Pagination from '@/components/Pagination.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import PaginationMixin from '@/components/mixins/Pagination.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import { checkRedirectToLogin } from '@/utils'
-import TrackTable from '@/components/audio/track/Table.vue'
+import logger from '~/logging'
+import RadioButton from '~/components/radios/Button.vue'
+import Pagination from '~/components/Pagination.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import PaginationMixin from '~/components/mixins/Pagination.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import { checkRedirectToLogin } from '~/utils'
+import TrackTable from '~/components/audio/track/Table.vue'
 const FAVORITES_URL = 'tracks/'
 
 export default {
diff --git a/front/src/components/federation/FetchButton.vue b/front/src/components/federation/FetchButton.vue
index bb909a703..38522271a 100644
--- a/front/src/components/federation/FetchButton.vue
+++ b/front/src/components/federation/FetchButton.vue
@@ -213,7 +213,7 @@
 
 <script>
 import axios from 'axios'
-import Modal from '@/components/semantic/Modal.vue'
+import Modal from '~/components/semantic/Modal.vue'
 
 export default {
   components: {
diff --git a/front/src/components/federation/LibraryWidget.vue b/front/src/components/federation/LibraryWidget.vue
index 39c670286..f99d79ef3 100644
--- a/front/src/components/federation/LibraryWidget.vue
+++ b/front/src/components/federation/LibraryWidget.vue
@@ -55,7 +55,7 @@
 <script>
 import { clone } from 'lodash-es'
 import axios from 'axios'
-import LibraryCard from '@/views/content/remote/Card.vue'
+import LibraryCard from '~/views/content/remote/Card.vue'
 
 export default {
   components: {
diff --git a/front/src/components/library/AlbumBase.vue b/front/src/components/library/AlbumBase.vue
index 339201343..9d69e79b0 100644
--- a/front/src/components/library/AlbumBase.vue
+++ b/front/src/components/library/AlbumBase.vue
@@ -250,9 +250,9 @@
 <script>
 import axios from 'axios'
 import { sum } from 'lodash-es'
-import PlayButton from '@/components/audio/PlayButton.vue'
-import TagsList from '@/components/tags/List.vue'
-import ArtistLabel from '@/components/audio/ArtistLabel.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import TagsList from '~/components/tags/List.vue'
+import ArtistLabel from '~/components/audio/ArtistLabel.vue'
 import AlbumDropdown from './AlbumDropdown.vue'
 
 function groupByDisc (initial) {
diff --git a/front/src/components/library/AlbumDetail.vue b/front/src/components/library/AlbumDetail.vue
index 2d315f809..f39507b41 100644
--- a/front/src/components/library/AlbumDetail.vue
+++ b/front/src/components/library/AlbumDetail.vue
@@ -92,11 +92,11 @@
 
 <script>
 
-import time from '@/utils/time'
-import LibraryWidget from '@/components/federation/LibraryWidget.vue'
-import ChannelEntries from '@/components/audio/ChannelEntries.vue'
-import TrackTable from '@/components/audio/track/Table.vue'
-import PlayButton from '@/components/audio/PlayButton.vue'
+import time from '~/utils/time'
+import LibraryWidget from '~/components/federation/LibraryWidget.vue'
+import ChannelEntries from '~/components/audio/ChannelEntries.vue'
+import TrackTable from '~/components/audio/track/Table.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
 
 export default {
   components: {
diff --git a/front/src/components/library/AlbumDropdown.vue b/front/src/components/library/AlbumDropdown.vue
index a5591bc4e..67f1b14d3 100644
--- a/front/src/components/library/AlbumDropdown.vue
+++ b/front/src/components/library/AlbumDropdown.vue
@@ -127,11 +127,11 @@
   </span>
 </template>
 <script>
-import EmbedWizard from '@/components/audio/EmbedWizard.vue'
-import Modal from '@/components/semantic/Modal.vue'
-import ReportMixin from '@/components/mixins/Report.vue'
+import EmbedWizard from '~/components/audio/EmbedWizard.vue'
+import Modal from '~/components/semantic/Modal.vue'
+import ReportMixin from '~/components/mixins/Report.vue'
 
-import { getDomain } from '@/utils'
+import { getDomain } from '~/utils'
 
 export default {
   components: {
diff --git a/front/src/components/library/AlbumEdit.vue b/front/src/components/library/AlbumEdit.vue
index b5b800743..98f53204c 100644
--- a/front/src/components/library/AlbumEdit.vue
+++ b/front/src/components/library/AlbumEdit.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script>
-import EditForm from '@/components/library/EditForm.vue'
+import EditForm from '~/components/library/EditForm.vue'
 export default {
   components: {
     EditForm
diff --git a/front/src/components/library/Albums.vue b/front/src/components/library/Albums.vue
index f2e9dec3f..a6f56af59 100644
--- a/front/src/components/library/Albums.vue
+++ b/front/src/components/library/Albums.vue
@@ -151,14 +151,14 @@ import qs from 'qs'
 import axios from 'axios'
 import $ from 'jquery'
 
-import logger from '@/logging'
+import logger from '~/logging'
 
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import PaginationMixin from '@/components/mixins/Pagination.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import AlbumCard from '@/components/audio/album/Card.vue'
-import Pagination from '@/components/Pagination.vue'
-import TagsSelector from '@/components/library/TagsSelector.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import PaginationMixin from '~/components/mixins/Pagination.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import AlbumCard from '~/components/audio/album/Card.vue'
+import Pagination from '~/components/Pagination.vue'
+import TagsSelector from '~/components/library/TagsSelector.vue'
 
 const FETCH_URL = 'albums/'
 
diff --git a/front/src/components/library/ArtistBase.vue b/front/src/components/library/ArtistBase.vue
index 80c3b825d..cc51aad3a 100644
--- a/front/src/components/library/ArtistBase.vue
+++ b/front/src/components/library/ArtistBase.vue
@@ -215,15 +215,15 @@
 
 <script>
 import axios from 'axios'
-import logger from '@/logging'
-import PlayButton from '@/components/audio/PlayButton.vue'
-import EmbedWizard from '@/components/audio/EmbedWizard.vue'
-import Modal from '@/components/semantic/Modal.vue'
-import RadioButton from '@/components/radios/Button.vue'
-import TagsList from '@/components/tags/List.vue'
-import ReportMixin from '@/components/mixins/Report.vue'
+import logger from '~/logging'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import EmbedWizard from '~/components/audio/EmbedWizard.vue'
+import Modal from '~/components/semantic/Modal.vue'
+import RadioButton from '~/components/radios/Button.vue'
+import TagsList from '~/components/tags/List.vue'
+import ReportMixin from '~/components/mixins/Report.vue'
 
-import { getDomain } from '@/utils'
+import { getDomain } from '~/utils'
 
 export default {
   components: {
diff --git a/front/src/components/library/ArtistDetail.vue b/front/src/components/library/ArtistDetail.vue
index 98f0ad8d1..7e546d2c6 100644
--- a/front/src/components/library/ArtistDetail.vue
+++ b/front/src/components/library/ArtistDetail.vue
@@ -105,9 +105,9 @@
 
 <script>
 import axios from 'axios'
-import AlbumCard from '@/components/audio/album/Card.vue'
-import TrackTable from '@/components/audio/track/Table.vue'
-import LibraryWidget from '@/components/federation/LibraryWidget.vue'
+import AlbumCard from '~/components/audio/album/Card.vue'
+import TrackTable from '~/components/audio/track/Table.vue'
+import LibraryWidget from '~/components/federation/LibraryWidget.vue'
 
 export default {
   components: {
diff --git a/front/src/components/library/ArtistEdit.vue b/front/src/components/library/ArtistEdit.vue
index b1d0e5400..4e3105b63 100644
--- a/front/src/components/library/ArtistEdit.vue
+++ b/front/src/components/library/ArtistEdit.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script>
-import EditForm from '@/components/library/EditForm.vue'
+import EditForm from '~/components/library/EditForm.vue'
 export default {
   components: {
     EditForm
diff --git a/front/src/components/library/Artists.vue b/front/src/components/library/Artists.vue
index 24a7b09a0..f5f4396f6 100644
--- a/front/src/components/library/Artists.vue
+++ b/front/src/components/library/Artists.vue
@@ -167,14 +167,14 @@ import qs from 'qs'
 import axios from 'axios'
 import $ from 'jquery'
 
-import logger from '@/logging'
+import logger from '~/logging'
 
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import PaginationMixin from '@/components/mixins/Pagination.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import ArtistCard from '@/components/audio/artist/Card.vue'
-import Pagination from '@/components/Pagination.vue'
-import TagsSelector from '@/components/library/TagsSelector.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import PaginationMixin from '~/components/mixins/Pagination.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import ArtistCard from '~/components/audio/artist/Card.vue'
+import Pagination from '~/components/Pagination.vue'
+import TagsSelector from '~/components/library/TagsSelector.vue'
 
 const FETCH_URL = 'artists/'
 
diff --git a/front/src/components/library/EditCard.vue b/front/src/components/library/EditCard.vue
index 21cdc71a9..76c668d79 100644
--- a/front/src/components/library/EditCard.vue
+++ b/front/src/components/library/EditCard.vue
@@ -215,7 +215,7 @@
 import axios from 'axios'
 import { diffWordsWithSpace } from 'diff'
 
-import edits from '@/edits.js'
+import edits from '~/edits.js'
 
 function castValue (value) {
   if (value === null || value === undefined) {
diff --git a/front/src/components/library/EditDetail.vue b/front/src/components/library/EditDetail.vue
index 375e6cbe1..8758dab70 100644
--- a/front/src/components/library/EditDetail.vue
+++ b/front/src/components/library/EditDetail.vue
@@ -12,8 +12,8 @@
 
 <script>
 import axios from 'axios'
-import edits from '@/edits.js'
-import EditCard from '@/components/library/EditCard.vue'
+import edits from '~/edits.js'
+import EditCard from '~/components/library/EditCard.vue'
 export default {
   components: {
     EditCard
diff --git a/front/src/components/library/EditForm.vue b/front/src/components/library/EditForm.vue
index d93dbc3bc..665182043 100644
--- a/front/src/components/library/EditForm.vue
+++ b/front/src/components/library/EditForm.vue
@@ -242,11 +242,11 @@
 import $ from 'jquery'
 import { isEqual, clone } from 'lodash-es'
 import axios from 'axios'
-import AttachmentInput from '@/components/common/AttachmentInput.vue'
-import EditList from '@/components/library/EditList.vue'
-import EditCard from '@/components/library/EditCard.vue'
-import TagsSelector from '@/components/library/TagsSelector.vue'
-import edits from '@/edits.js'
+import AttachmentInput from '~/components/common/AttachmentInput.vue'
+import EditList from '~/components/library/EditList.vue'
+import EditCard from '~/components/library/EditCard.vue'
+import TagsSelector from '~/components/library/TagsSelector.vue'
+import edits from '~/edits.js'
 
 export default {
   components: {
diff --git a/front/src/components/library/EditList.vue b/front/src/components/library/EditList.vue
index 5da5617ce..8e5c3b87b 100644
--- a/front/src/components/library/EditList.vue
+++ b/front/src/components/library/EditList.vue
@@ -45,7 +45,7 @@
 import { clone } from 'lodash-es'
 import axios from 'axios'
 
-import EditCard from '@/components/library/EditCard.vue'
+import EditCard from '~/components/library/EditCard.vue'
 
 export default {
   components: {
diff --git a/front/src/components/library/FileUpload.vue b/front/src/components/library/FileUpload.vue
index 16c03ef12..7fa0b63a4 100644
--- a/front/src/components/library/FileUpload.vue
+++ b/front/src/components/library/FileUpload.vue
@@ -316,7 +316,7 @@ import axios from 'axios'
 import FileUploadWidget from './FileUploadWidget.vue'
 import FsBrowser from './FsBrowser.vue'
 import FsLogs from './FsLogs.vue'
-import LibraryFilesTable from '@/views/content/libraries/FilesTable.vue'
+import LibraryFilesTable from '~/views/content/libraries/FilesTable.vue'
 import moment from 'moment'
 
 export default {
diff --git a/front/src/components/library/FileUploadWidget.vue b/front/src/components/library/FileUploadWidget.vue
index 3f5077257..d3aef5244 100644
--- a/front/src/components/library/FileUploadWidget.vue
+++ b/front/src/components/library/FileUploadWidget.vue
@@ -1,6 +1,6 @@
 <script>
 import FileUpload from 'vue-upload-component'
-import { setCsrf } from '@/utils'
+import { setCsrf } from '~/utils'
 
 export default {
   extends: FileUpload,
diff --git a/front/src/components/library/Home.vue b/front/src/components/library/Home.vue
index e42b49264..3f321569b 100644
--- a/front/src/components/library/Home.vue
+++ b/front/src/components/library/Home.vue
@@ -72,11 +72,11 @@
 
 <script>
 import axios from 'axios'
-import logger from '@/logging'
-import ChannelsWidget from '@/components/audio/ChannelsWidget.vue'
-import TrackWidget from '@/components/audio/track/Widget.vue'
-import AlbumWidget from '@/components/audio/album/Widget.vue'
-import PlaylistWidget from '@/components/playlists/Widget.vue'
+import logger from '~/logging'
+import ChannelsWidget from '~/components/audio/ChannelsWidget.vue'
+import TrackWidget from '~/components/audio/track/Widget.vue'
+import AlbumWidget from '~/components/audio/album/Widget.vue'
+import PlaylistWidget from '~/components/playlists/Widget.vue'
 
 const ARTISTS_URL = 'artists/'
 
diff --git a/front/src/components/library/ImportStatusModal.vue b/front/src/components/library/ImportStatusModal.vue
index 50e83b5d3..68fcbdb78 100644
--- a/front/src/components/library/ImportStatusModal.vue
+++ b/front/src/components/library/ImportStatusModal.vue
@@ -132,7 +132,7 @@
   </modal>
 </template>
 <script>
-import Modal from '@/components/semantic/Modal.vue'
+import Modal from '~/components/semantic/Modal.vue'
 
 function getErrors (payload) {
   const errors = []
diff --git a/front/src/components/library/Podcasts.vue b/front/src/components/library/Podcasts.vue
index e6c01b6b6..4a2fd72d6 100644
--- a/front/src/components/library/Podcasts.vue
+++ b/front/src/components/library/Podcasts.vue
@@ -199,16 +199,16 @@ import qs from 'qs'
 import axios from 'axios'
 import $ from 'jquery'
 
-import logger from '@/logging'
+import logger from '~/logging'
 
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import PaginationMixin from '@/components/mixins/Pagination.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import ArtistCard from '@/components/audio/artist/Card.vue'
-import Pagination from '@/components/Pagination.vue'
-import TagsSelector from '@/components/library/TagsSelector.vue'
-import Modal from '@/components/semantic/Modal.vue'
-import RemoteSearchForm from '@/components/RemoteSearchForm.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import PaginationMixin from '~/components/mixins/Pagination.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import ArtistCard from '~/components/audio/artist/Card.vue'
+import Pagination from '~/components/Pagination.vue'
+import TagsSelector from '~/components/library/TagsSelector.vue'
+import Modal from '~/components/semantic/Modal.vue'
+import RemoteSearchForm from '~/components/RemoteSearchForm.vue'
 
 const FETCH_URL = 'artists/'
 
diff --git a/front/src/components/library/Radios.vue b/front/src/components/library/Radios.vue
index f68564dd0..a71a9ed0f 100644
--- a/front/src/components/library/Radios.vue
+++ b/front/src/components/library/Radios.vue
@@ -178,13 +178,13 @@
 import axios from 'axios'
 import $ from 'jquery'
 
-import logger from '@/logging'
+import logger from '~/logging'
 
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import PaginationMixin from '@/components/mixins/Pagination.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import RadioCard from '@/components/radios/Card.vue'
-import Pagination from '@/components/Pagination.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import PaginationMixin from '~/components/mixins/Pagination.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import RadioCard from '~/components/radios/Card.vue'
+import Pagination from '~/components/Pagination.vue'
 
 const FETCH_URL = 'radios/radios/'
 
diff --git a/front/src/components/library/TagDetail.vue b/front/src/components/library/TagDetail.vue
index 0506b989d..37c1900a3 100644
--- a/front/src/components/library/TagDetail.vue
+++ b/front/src/components/library/TagDetail.vue
@@ -89,11 +89,11 @@
 </template>
 
 <script>
-import ChannelsWidget from '@/components/audio/ChannelsWidget.vue'
-import TrackWidget from '@/components/audio/track/Widget.vue'
-import AlbumWidget from '@/components/audio/album/Widget.vue'
-import ArtistWidget from '@/components/audio/artist/Widget.vue'
-import RadioButton from '@/components/radios/Button.vue'
+import ChannelsWidget from '~/components/audio/ChannelsWidget.vue'
+import TrackWidget from '~/components/audio/track/Widget.vue'
+import AlbumWidget from '~/components/audio/album/Widget.vue'
+import ArtistWidget from '~/components/audio/artist/Widget.vue'
+import RadioButton from '~/components/radios/Button.vue'
 
 export default {
   components: {
diff --git a/front/src/components/library/TrackBase.vue b/front/src/components/library/TrackBase.vue
index 3704509c6..b9be407bb 100644
--- a/front/src/components/library/TrackBase.vue
+++ b/front/src/components/library/TrackBase.vue
@@ -219,18 +219,18 @@
 </template>
 
 <script>
-import time from '@/utils/time'
+import time from '~/utils/time'
 import axios from 'axios'
-import { getDomain } from '@/utils'
-import logger from '@/logging'
-import PlayButton from '@/components/audio/PlayButton.vue'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon.vue'
-import TrackPlaylistIcon from '@/components/playlists/TrackPlaylistIcon.vue'
-import Modal from '@/components/semantic/Modal.vue'
-import EmbedWizard from '@/components/audio/EmbedWizard.vue'
-import ReportMixin from '@/components/mixins/Report.vue'
-import { momentFormat } from '@/modules/filters'
-import updateQueryString from '@/composables/updateQueryString'
+import { getDomain } from '~/utils'
+import logger from '~/logging'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import TrackFavoriteIcon from '~/components/favorites/TrackFavoriteIcon.vue'
+import TrackPlaylistIcon from '~/components/playlists/TrackPlaylistIcon.vue'
+import Modal from '~/components/semantic/Modal.vue'
+import EmbedWizard from '~/components/audio/EmbedWizard.vue'
+import ReportMixin from '~/components/mixins/Report.vue'
+import { momentFormat } from '~/modules/filters'
+import updateQueryString from '~/composables/updateQueryString'
 
 const FETCH_URL = 'tracks/'
 
diff --git a/front/src/components/library/TrackDetail.vue b/front/src/components/library/TrackDetail.vue
index 0c1d2a0e1..3bf6f4216 100644
--- a/front/src/components/library/TrackDetail.vue
+++ b/front/src/components/library/TrackDetail.vue
@@ -295,9 +295,9 @@
 
 <script>
 import axios from 'axios'
-import LibraryWidget from '@/components/federation/LibraryWidget.vue'
-import TagsList from '@/components/tags/List.vue'
-import PlaylistWidget from '@/components/playlists/Widget.vue'
+import LibraryWidget from '~/components/federation/LibraryWidget.vue'
+import TagsList from '~/components/tags/List.vue'
+import PlaylistWidget from '~/components/playlists/Widget.vue'
 
 export default {
   components: {
diff --git a/front/src/components/library/TrackEdit.vue b/front/src/components/library/TrackEdit.vue
index 6b28755d1..3f3ab7c97 100644
--- a/front/src/components/library/TrackEdit.vue
+++ b/front/src/components/library/TrackEdit.vue
@@ -45,7 +45,7 @@
 <script>
 import axios from 'axios'
 
-import EditForm from '@/components/library/EditForm.vue'
+import EditForm from '~/components/library/EditForm.vue'
 export default {
   components: {
     EditForm
diff --git a/front/src/components/library/radios/Builder.vue b/front/src/components/library/radios/Builder.vue
index dec50b3f6..b40b4d740 100644
--- a/front/src/components/library/radios/Builder.vue
+++ b/front/src/components/library/radios/Builder.vue
@@ -188,8 +188,8 @@ import axios from 'axios'
 import $ from 'jquery'
 import { clone } from 'lodash-es'
 import BuilderFilter from './Filter.vue'
-import TrackTable from '@/components/audio/track/Table.vue'
-import RadioButton from '@/components/radios/Button.vue'
+import TrackTable from '~/components/audio/track/Table.vue'
+import RadioButton from '~/components/radios/Button.vue'
 
 export default {
   components: {
diff --git a/front/src/components/library/radios/Filter.vue b/front/src/components/library/radios/Filter.vue
index bc9cf39d5..aad7ef2e9 100644
--- a/front/src/components/library/radios/Filter.vue
+++ b/front/src/components/library/radios/Filter.vue
@@ -109,8 +109,8 @@ import axios from 'axios'
 import $ from 'jquery'
 import { clone } from 'lodash-es'
 
-import Modal from '@/components/semantic/Modal.vue'
-import TrackTable from '@/components/audio/track/Table.vue'
+import Modal from '~/components/semantic/Modal.vue'
+import TrackTable from '~/components/audio/track/Table.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/ChannelsTable.vue b/front/src/components/manage/ChannelsTable.vue
index d8dcaf7f9..b6b636312 100644
--- a/front/src/components/manage/ChannelsTable.vue
+++ b/front/src/components/manage/ChannelsTable.vue
@@ -202,13 +202,13 @@
 <script>
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
+import time from '~/utils/time'
+import { normalizeQuery, parseTokens } from '~/search'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/library/AlbumsTable.vue b/front/src/components/manage/library/AlbumsTable.vue
index a41456210..8846e97bb 100644
--- a/front/src/components/manage/library/AlbumsTable.vue
+++ b/front/src/components/manage/library/AlbumsTable.vue
@@ -187,13 +187,13 @@
 <script>
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
+import time from '~/utils/time'
+import { normalizeQuery, parseTokens } from '~/search'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/library/ArtistsTable.vue b/front/src/components/manage/library/ArtistsTable.vue
index 71c46a421..d3420027b 100644
--- a/front/src/components/manage/library/ArtistsTable.vue
+++ b/front/src/components/manage/library/ArtistsTable.vue
@@ -186,13 +186,13 @@
 <script>
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
+import time from '~/utils/time'
+import { normalizeQuery, parseTokens } from '~/search'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/library/EditsCardList.vue b/front/src/components/manage/library/EditsCardList.vue
index dd54c2fe7..b1c9cefe3 100644
--- a/front/src/components/manage/library/EditsCardList.vue
+++ b/front/src/components/manage/library/EditsCardList.vue
@@ -132,15 +132,15 @@
 <script>
 import axios from 'axios'
 import { uniq, merge } from 'lodash-es'
-import time from '@/utils/time'
-import Pagination from '@/components/Pagination.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import EditCard from '@/components/library/EditCard.vue'
-import { normalizeQuery, parseTokens } from '@/search'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
+import time from '~/utils/time'
+import Pagination from '~/components/Pagination.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import EditCard from '~/components/library/EditCard.vue'
+import { normalizeQuery, parseTokens } from '~/search'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
 
-import edits from '@/edits'
+import edits from '~/edits'
 
 export default {
   components: {
diff --git a/front/src/components/manage/library/LibrariesTable.vue b/front/src/components/manage/library/LibrariesTable.vue
index fb098cf37..ae39a6925 100644
--- a/front/src/components/manage/library/LibrariesTable.vue
+++ b/front/src/components/manage/library/LibrariesTable.vue
@@ -217,13 +217,13 @@
 <script>
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
+import time from '~/utils/time'
+import { normalizeQuery, parseTokens } from '~/search'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/library/TagsTable.vue b/front/src/components/manage/library/TagsTable.vue
index f1884d7a7..bed13fb7c 100644
--- a/front/src/components/manage/library/TagsTable.vue
+++ b/front/src/components/manage/library/TagsTable.vue
@@ -148,14 +148,14 @@
 <script>
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
-import ImportStatusModal from '@/components/library/ImportStatusModal.vue'
+import time from '~/utils/time'
+import { normalizeQuery, parseTokens } from '~/search'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
+import ImportStatusModal from '~/components/library/ImportStatusModal.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/library/TracksTable.vue b/front/src/components/manage/library/TracksTable.vue
index cd097baa1..06cb17059 100644
--- a/front/src/components/manage/library/TracksTable.vue
+++ b/front/src/components/manage/library/TracksTable.vue
@@ -200,13 +200,13 @@
 <script>
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
+import time from '~/utils/time'
+import { normalizeQuery, parseTokens } from '~/search'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/library/UploadsTable.vue b/front/src/components/manage/library/UploadsTable.vue
index b76be1e4a..9fb52d32d 100644
--- a/front/src/components/manage/library/UploadsTable.vue
+++ b/front/src/components/manage/library/UploadsTable.vue
@@ -309,14 +309,14 @@
 <script>
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
-import ImportStatusModal from '@/components/library/ImportStatusModal.vue'
+import time from '~/utils/time'
+import { normalizeQuery, parseTokens } from '~/search'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
+import ImportStatusModal from '~/components/library/ImportStatusModal.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/moderation/AccountsTable.vue b/front/src/components/manage/moderation/AccountsTable.vue
index 12b124527..5a9ead7e3 100644
--- a/front/src/components/manage/moderation/AccountsTable.vue
+++ b/front/src/components/manage/moderation/AccountsTable.vue
@@ -173,13 +173,13 @@
 <script>
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
+import time from '~/utils/time'
+import { normalizeQuery, parseTokens } from '~/search'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/moderation/DomainsTable.vue b/front/src/components/manage/moderation/DomainsTable.vue
index 68c2c6ae2..d4402fb06 100644
--- a/front/src/components/manage/moderation/DomainsTable.vue
+++ b/front/src/components/manage/moderation/DomainsTable.vue
@@ -184,11 +184,11 @@
 <script>
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
+import time from '~/utils/time'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/moderation/InstancePolicyModal.vue b/front/src/components/manage/moderation/InstancePolicyModal.vue
index fb10b9143..f1e4bb314 100644
--- a/front/src/components/manage/moderation/InstancePolicyModal.vue
+++ b/front/src/components/manage/moderation/InstancePolicyModal.vue
@@ -66,9 +66,9 @@
 
 <script>
 import axios from 'axios'
-import InstancePolicyForm from '@/components/manage/moderation/InstancePolicyForm.vue'
-import InstancePolicyCard from '@/components/manage/moderation/InstancePolicyCard.vue'
-import Modal from '@/components/semantic/Modal.vue'
+import InstancePolicyForm from '~/components/manage/moderation/InstancePolicyForm.vue'
+import InstancePolicyCard from '~/components/manage/moderation/InstancePolicyCard.vue'
+import Modal from '~/components/semantic/Modal.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/moderation/ReportCard.vue b/front/src/components/manage/moderation/ReportCard.vue
index d90bf4682..cf03c39ab 100644
--- a/front/src/components/manage/moderation/ReportCard.vue
+++ b/front/src/components/manage/moderation/ReportCard.vue
@@ -390,12 +390,12 @@
 
 <script>
 import axios from 'axios'
-import NoteForm from '@/components/manage/moderation/NoteForm.vue'
-import NotesThread from '@/components/manage/moderation/NotesThread.vue'
-import ReportCategoryDropdown from '@/components/moderation/ReportCategoryDropdown.vue'
-import InstancePolicyModal from '@/components/manage/moderation/InstancePolicyModal.vue'
-import entities from '@/entities'
-import { setUpdate } from '@/utils'
+import NoteForm from '~/components/manage/moderation/NoteForm.vue'
+import NotesThread from '~/components/manage/moderation/NotesThread.vue'
+import ReportCategoryDropdown from '~/components/moderation/ReportCategoryDropdown.vue'
+import InstancePolicyModal from '~/components/manage/moderation/InstancePolicyModal.vue'
+import entities from '~/entities'
+import { setUpdate } from '~/utils'
 import showdown from 'showdown'
 
 function castValue (value) {
diff --git a/front/src/components/manage/moderation/UserRequestCard.vue b/front/src/components/manage/moderation/UserRequestCard.vue
index 8439d3554..f759dd85c 100644
--- a/front/src/components/manage/moderation/UserRequestCard.vue
+++ b/front/src/components/manage/moderation/UserRequestCard.vue
@@ -225,8 +225,8 @@
 
 <script>
 import axios from 'axios'
-import NoteForm from '@/components/manage/moderation/NoteForm.vue'
-import NotesThread from '@/components/manage/moderation/NotesThread.vue'
+import NoteForm from '~/components/manage/moderation/NoteForm.vue'
+import NotesThread from '~/components/manage/moderation/NotesThread.vue'
 import showdown from 'showdown'
 
 export default {
diff --git a/front/src/components/manage/users/InvitationsTable.vue b/front/src/components/manage/users/InvitationsTable.vue
index d373fd4f3..3c26aa544 100644
--- a/front/src/components/manage/users/InvitationsTable.vue
+++ b/front/src/components/manage/users/InvitationsTable.vue
@@ -159,10 +159,10 @@
 import axios from 'axios'
 import moment from 'moment'
 import { merge } from 'lodash-es'
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
 
 export default {
   components: {
diff --git a/front/src/components/manage/users/UsersTable.vue b/front/src/components/manage/users/UsersTable.vue
index 53ce342cf..9c39126b5 100644
--- a/front/src/components/manage/users/UsersTable.vue
+++ b/front/src/components/manage/users/UsersTable.vue
@@ -201,11 +201,11 @@
 <script>
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
+import time from '~/utils/time'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
 
 export default {
   components: {
diff --git a/front/src/components/mixins/SmartSearch.vue b/front/src/components/mixins/SmartSearch.vue
index f662f8a30..4eec45e73 100644
--- a/front/src/components/mixins/SmartSearch.vue
+++ b/front/src/components/mixins/SmartSearch.vue
@@ -1,6 +1,6 @@
 <script>
 
-import { normalizeQuery, parseTokens, compileTokens } from '@/search'
+import { normalizeQuery, parseTokens, compileTokens } from '~/search'
 
 export default {
   props: {
diff --git a/front/src/components/moderation/FilterModal.vue b/front/src/components/moderation/FilterModal.vue
index e5e57dc89..75b617786 100644
--- a/front/src/components/moderation/FilterModal.vue
+++ b/front/src/components/moderation/FilterModal.vue
@@ -92,8 +92,8 @@
 import axios from 'axios'
 import { mapState } from 'vuex'
 
-import logger from '@/logging'
-import Modal from '@/components/semantic/Modal.vue'
+import logger from '~/logging'
+import Modal from '~/components/semantic/Modal.vue'
 
 export default {
   components: {
diff --git a/front/src/components/moderation/ReportCategoryDropdown.vue b/front/src/components/moderation/ReportCategoryDropdown.vue
index 886f15b52..33a507e81 100644
--- a/front/src/components/moderation/ReportCategoryDropdown.vue
+++ b/front/src/components/moderation/ReportCategoryDropdown.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import TranslationsMixin from '@/components/mixins/Translations.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
 export default {
   mixins: [TranslationsMixin],
   props: {
diff --git a/front/src/components/moderation/ReportModal.vue b/front/src/components/moderation/ReportModal.vue
index 244f30a7c..708dcee54 100644
--- a/front/src/components/moderation/ReportModal.vue
+++ b/front/src/components/moderation/ReportModal.vue
@@ -156,8 +156,8 @@
 <script>
 import axios from 'axios'
 import { mapState } from 'vuex'
-import ReportCategoryDropdown from '@/components/moderation/ReportCategoryDropdown.vue'
-import Modal from '@/components/semantic/Modal.vue'
+import ReportCategoryDropdown from '~/components/moderation/ReportCategoryDropdown.vue'
+import Modal from '~/components/semantic/Modal.vue'
 
 function urlDomain (data) {
   const a = document.createElement('a')
diff --git a/front/src/components/playlists/Card.vue b/front/src/components/playlists/Card.vue
index 7335e0d6e..418c1d23e 100644
--- a/front/src/components/playlists/Card.vue
+++ b/front/src/components/playlists/Card.vue
@@ -55,8 +55,8 @@
 </template>
 
 <script>
-import PlayButton from '@/components/audio/PlayButton.vue'
-import defaultCover from '@/assets/audio/default-cover.png'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import defaultCover from '~/assets/audio/default-cover.png'
 
 export default {
   components: {
diff --git a/front/src/components/playlists/CardList.vue b/front/src/components/playlists/CardList.vue
index f88cf5f74..3119eb2b0 100644
--- a/front/src/components/playlists/CardList.vue
+++ b/front/src/components/playlists/CardList.vue
@@ -12,7 +12,7 @@
 
 <script>
 
-import PlaylistCard from '@/components/playlists/Card.vue'
+import PlaylistCard from '~/components/playlists/Card.vue'
 
 export default {
   components: {
diff --git a/front/src/components/playlists/Editor.vue b/front/src/components/playlists/Editor.vue
index e6e304089..aa3a1546d 100644
--- a/front/src/components/playlists/Editor.vue
+++ b/front/src/components/playlists/Editor.vue
@@ -178,7 +178,7 @@
 <script>
 import { mapState } from 'vuex'
 import axios from 'axios'
-import PlaylistForm from '@/components/playlists/Form.vue'
+import PlaylistForm from '~/components/playlists/Form.vue'
 
 import draggable from 'vuedraggable'
 
diff --git a/front/src/components/playlists/Form.vue b/front/src/components/playlists/Form.vue
index 1703bce91..8790df832 100644
--- a/front/src/components/playlists/Form.vue
+++ b/front/src/components/playlists/Form.vue
@@ -100,9 +100,9 @@
 <script>
 import $ from 'jquery'
 import axios from 'axios'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
 
-import logger from '@/logging'
+import logger from '~/logging'
 
 export default {
   mixins: [TranslationsMixin],
diff --git a/front/src/components/playlists/PlaylistModal.vue b/front/src/components/playlists/PlaylistModal.vue
index bbf63511c..181670e50 100644
--- a/front/src/components/playlists/PlaylistModal.vue
+++ b/front/src/components/playlists/PlaylistModal.vue
@@ -197,9 +197,9 @@ import { filter, sortBy, flow } from 'lodash-es'
 import axios from 'axios'
 import { mapState } from 'vuex'
 
-import logger from '@/logging'
-import Modal from '@/components/semantic/Modal.vue'
-import PlaylistForm from '@/components/playlists/Form.vue'
+import logger from '~/logging'
+import Modal from '~/components/semantic/Modal.vue'
+import PlaylistForm from '~/components/playlists/Form.vue'
 
 export default {
   components: {
diff --git a/front/src/components/playlists/Widget.vue b/front/src/components/playlists/Widget.vue
index d38271ae3..813ba94b2 100644
--- a/front/src/components/playlists/Widget.vue
+++ b/front/src/components/playlists/Widget.vue
@@ -61,7 +61,7 @@
 <script>
 import { clone } from 'lodash-es'
 import axios from 'axios'
-import PlaylistCard from '@/components/playlists/Card.vue'
+import PlaylistCard from '~/components/playlists/Card.vue'
 
 export default {
   components: {
diff --git a/front/src/composables/useThemeList.ts b/front/src/composables/useThemeList.ts
index f0713be94..53611a0ac 100644
--- a/front/src/composables/useThemeList.ts
+++ b/front/src/composables/useThemeList.ts
@@ -1,4 +1,4 @@
-import type { ThemeEntry } from '@/types'
+import type { ThemeEntry } from '~/types'
 import Vue from 'vue'
 
 const { $pgettext } = Vue.prototype
diff --git a/front/src/embed/EmbedFrame.vue b/front/src/embed/EmbedFrame.vue
index 10b525be2..08f050aae 100644
--- a/front/src/embed/EmbedFrame.vue
+++ b/front/src/embed/EmbedFrame.vue
@@ -248,7 +248,7 @@
 import axios from 'axios'
 import Logo from '@/components/Logo.vue'
 import updateQueryString from './composables/updateQueryString'
-import time from '@/utils/time'
+import time from '~/utils/time'
 
 function getURLParams () {
   let match
diff --git a/front/src/main.ts b/front/src/main.ts
index e85a1af71..b9471207b 100644
--- a/front/src/main.ts
+++ b/front/src/main.ts
@@ -29,7 +29,7 @@ const app = createApp({
   },
   render (h: CreateElement) {
     if (this.isMounted) {
-      // return h('app')
+      return h('app')
     }
 
     return h()
diff --git a/front/src/modules/axios.ts b/front/src/modules/axios.ts
index 4370397ed..9c67daf68 100644
--- a/front/src/modules/axios.ts
+++ b/front/src/modules/axios.ts
@@ -1,10 +1,10 @@
-import { AppModule } from '@/types'
+import { AppModule } from '~/types'
 
 import createAuthRefreshInterceptor from 'axios-auth-refresh'
 import axios, { AxiosError } from 'axios'
 import moment from 'moment'
-import logger from '@/logging'
-import { parseAPIErrors } from '@/utils'
+import logger from '~/logging'
+import { parseAPIErrors } from '~/utils'
 import Vue from 'vue'
 
 export const install: AppModule = ({ app, store, router }) => {
diff --git a/front/src/modules/directives.ts b/front/src/modules/directives.ts
index ee2fb44c4..bdf189f5e 100644
--- a/front/src/modules/directives.ts
+++ b/front/src/modules/directives.ts
@@ -1,5 +1,5 @@
-import { AppModule } from '@/types'
-import jQuery from '@/jquery'
+import { AppModule } from '~/types'
+import jQuery from '~/jquery'
 
 export const install: AppModule = ({ app, store }) => {
   app.directive('title', function (el, binding) {
diff --git a/front/src/modules/globalComponents.ts b/front/src/modules/globalComponents.ts
index a01de4ebb..135656a09 100644
--- a/front/src/modules/globalComponents.ts
+++ b/front/src/modules/globalComponents.ts
@@ -1,24 +1,24 @@
-import { AppModule } from '@/types'
+import { AppModule } from '~/types'
 
-import HumanDate from '@/components/common/HumanDate.vue'
-import HumanDuration from '@/components/common/HumanDuration.vue'
-import Username from '@/components/common/Username.vue'
-import UserLink from '@/components/common/UserLink.vue'
-import ActorLink from '@/components/common/ActorLink.vue'
-import ActorAvatar from '@/components/common/ActorAvatar.vue'
-import Duration from '@/components/common/Duration.vue'
-import DangerousButton from '@/components/common/DangerousButton.vue'
-import Message from '@/components/common/Message.vue'
-import CopyInput from '@/components/common/CopyInput.vue'
-import AjaxButton from '@/components/common/AjaxButton.vue'
-import Tooltip from '@/components/common/Tooltip.vue'
-import EmptyState from '@/components/common/EmptyState.vue'
-import ExpandableDiv from '@/components/common/ExpandableDiv.vue'
-import CollapseLink from '@/components/common/CollapseLink.vue'
-import ActionFeedback from '@/components/common/ActionFeedback.vue'
-import RenderedDescription from '@/components/common/RenderedDescription.vue'
-import ContentForm from '@/components/common/ContentForm.vue'
-import InlineSearchBar from '@/components/common/InlineSearchBar.vue'
+import HumanDate from '~/components/common/HumanDate.vue'
+import HumanDuration from '~/components/common/HumanDuration.vue'
+import Username from '~/components/common/Username.vue'
+import UserLink from '~/components/common/UserLink.vue'
+import ActorLink from '~/components/common/ActorLink.vue'
+import ActorAvatar from '~/components/common/ActorAvatar.vue'
+import Duration from '~/components/common/Duration.vue'
+import DangerousButton from '~/components/common/DangerousButton.vue'
+import Message from '~/components/common/Message.vue'
+import CopyInput from '~/components/common/CopyInput.vue'
+import AjaxButton from '~/components/common/AjaxButton.vue'
+import Tooltip from '~/components/common/Tooltip.vue'
+import EmptyState from '~/components/common/EmptyState.vue'
+import ExpandableDiv from '~/components/common/ExpandableDiv.vue'
+import CollapseLink from '~/components/common/CollapseLink.vue'
+import ActionFeedback from '~/components/common/ActionFeedback.vue'
+import RenderedDescription from '~/components/common/RenderedDescription.vue'
+import ContentForm from '~/components/common/ContentForm.vue'
+import InlineSearchBar from '~/components/common/InlineSearchBar.vue'
 
 export const install: AppModule = ({ app }) => {
   app.component('HumanDate', HumanDate)
diff --git a/front/src/modules/instance.ts b/front/src/modules/instance.ts
index 8919af913..0d9d18853 100644
--- a/front/src/modules/instance.ts
+++ b/front/src/modules/instance.ts
@@ -1,4 +1,4 @@
-import { AppModule } from '@/types'
+import { AppModule } from '~/types'
 import { watch } from '@vue/composition-api'
 import axios from 'axios'
 
diff --git a/front/src/modules/internalLinks.ts b/front/src/modules/internalLinks.ts
index 625845282..0a5a9e685 100644
--- a/front/src/modules/internalLinks.ts
+++ b/front/src/modules/internalLinks.ts
@@ -1,4 +1,4 @@
-import { AppModule } from '@/types'
+import { AppModule } from '~/types'
 
 // slight hack to allow use to have internal links in <translate> tags
 // while preserving router behaviour
diff --git a/front/src/modules/locale.ts b/front/src/modules/locale.ts
index d3e418a6b..86d32646b 100644
--- a/front/src/modules/locale.ts
+++ b/front/src/modules/locale.ts
@@ -1,9 +1,9 @@
 import Vue from 'vue'
 import GetText from 'vue-gettext'
-import locales from '@/locales.json'
+import locales from '~/locales.json'
 import { usePreferredLanguages } from '@vueuse/core'
 import { watch } from '@vue/composition-api'
-import { AppModule } from '@/types'
+import { AppModule } from '~/types'
 
 export const install: AppModule = ({ store, app }) => {
   const defaultLanguage = store.state.ui.currentLanguage ?? 'en_US'
diff --git a/front/src/modules/serviceWorker.ts b/front/src/modules/serviceWorker.ts
index e494738e6..f3eba154c 100644
--- a/front/src/modules/serviceWorker.ts
+++ b/front/src/modules/serviceWorker.ts
@@ -1,4 +1,4 @@
-import { AppModule } from '@/types'
+import { AppModule } from '~/types'
 import { register } from 'register-service-worker'
 
 export const install: AppModule = ({ store }) => {
diff --git a/front/src/modules/webSocket.ts b/front/src/modules/webSocket.ts
index 9ef5a3b15..63f9bdfed 100644
--- a/front/src/modules/webSocket.ts
+++ b/front/src/modules/webSocket.ts
@@ -1,4 +1,4 @@
-import { AppModule } from '@/types'
+import { AppModule } from '~/types'
 import { watchEffect, watch } from '@vue/composition-api'
 import { useWebSocket, whenever } from '@vueuse/core'
 
diff --git a/front/src/modules/window.ts b/front/src/modules/window.ts
index 17d35dea5..cf44d4a6f 100644
--- a/front/src/modules/window.ts
+++ b/front/src/modules/window.ts
@@ -1,4 +1,4 @@
-import { AppModule } from '@/types'
+import { AppModule } from '~/types'
 import { useWindowSize } from '@vueuse/core'
 import { watchEffect } from '@vue/composition-api'
 
diff --git a/front/src/radios.js b/front/src/radios.js
index 5650881fa..e9db8a9b1 100644
--- a/front/src/radios.js
+++ b/front/src/radios.js
@@ -1,5 +1,5 @@
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '~/logging'
 
 // import axios from 'axios'
 
diff --git a/front/src/router/index.ts b/front/src/router/index.ts
index 5e7aeb711..abe769935 100644
--- a/front/src/router/index.ts
+++ b/front/src/router/index.ts
@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import store from '@/store'
+import store from '~/store'
 
 Vue.use(Router)
 
@@ -55,7 +55,7 @@ export default new Router({
       path: '/',
       name: 'index',
       component: () =>
-        import('@/components/Home.vue')
+        import('~/components/Home.vue')
     },
     {
       path: '/front',
@@ -69,32 +69,32 @@ export default new Router({
       path: '/about',
       name: 'about',
       component: () =>
-        import('@/components/About.vue')
+        import('~/components/About.vue')
     },
     {
       path: '/about/pod',
       name: 'about-pod',
       component: () =>
-        import('@/components/AboutPod.vue')
+        import('~/components/AboutPod.vue')
     },
     {
       path: '/login',
       name: 'login',
       component: () =>
-        import('@/views/auth/Login.vue'),
+        import('~/views/auth/Login.vue'),
       props: route => ({ next: route.query.next || '/library' })
     },
     {
       path: '/notifications',
       name: 'notifications',
       component: () =>
-        import('@/views/Notifications.vue')
+        import('~/views/Notifications.vue')
     },
     {
       path: '/auth/password/reset',
       name: 'auth.password-reset',
       component: () =>
-        import('@/views/auth/PasswordReset.vue'),
+        import('~/views/auth/PasswordReset.vue'),
       props: route => ({
         defaultEmail: route.query.email
       })
@@ -103,7 +103,7 @@ export default new Router({
       path: '/auth/callback',
       name: 'auth.callback',
       component: () =>
-        import('@/views/auth/Callback.vue'),
+        import('~/views/auth/Callback.vue'),
       props: route => ({
         code: route.query.code,
         state: route.query.state
@@ -113,7 +113,7 @@ export default new Router({
       path: '/auth/email/confirm',
       name: 'auth.email-confirm',
       component: () =>
-        import('@/views/auth/EmailConfirm.vue'),
+        import('~/views/auth/EmailConfirm.vue'),
       props: route => ({
         defaultKey: route.query.key
       })
@@ -122,7 +122,7 @@ export default new Router({
       path: '/search',
       name: 'search',
       component: () =>
-        import('@/views/Search.vue'),
+        import('~/views/Search.vue'),
       props: route => ({
         initialId: route.query.id,
         initialType: route.query.type || 'artists',
@@ -135,7 +135,7 @@ export default new Router({
       name: 'auth.password-reset-confirm',
       component: () =>
         import(
-          '@/views/auth/PasswordResetConfirm.vue'
+          '~/views/auth/PasswordResetConfirm.vue'
         ),
       props: route => ({
         defaultUid: route.query.uid,
@@ -146,7 +146,7 @@ export default new Router({
       path: '/authorize',
       name: 'authorize',
       component: () =>
-        import('@/components/auth/Authorize.vue'),
+        import('~/components/auth/Authorize.vue'),
       props: route => ({
         clientId: route.query.client_id,
         redirectUri: route.query.redirect_uri,
@@ -160,7 +160,7 @@ export default new Router({
       path: '/signup',
       name: 'signup',
       component: () =>
-        import('@/views/auth/Signup.vue'),
+        import('~/views/auth/Signup.vue'),
       props: route => ({
         defaultInvitation: route.query.invitation
       })
@@ -169,13 +169,13 @@ export default new Router({
       path: '/logout',
       name: 'logout',
       component: () =>
-        import('@/components/auth/Logout.vue')
+        import('~/components/auth/Logout.vue')
     },
     {
       path: '/settings',
       name: 'settings',
       component: () =>
-        import('@/components/auth/Settings.vue')
+        import('~/components/auth/Settings.vue')
     },
     {
       path: '/settings/applications/new',
@@ -187,7 +187,7 @@ export default new Router({
       }),
       component: () =>
         import(
-          '@/components/auth/ApplicationNew.vue'
+          '~/components/auth/ApplicationNew.vue'
         )
     },
     {
@@ -195,7 +195,7 @@ export default new Router({
       name: 'settings.plugins',
       component: () =>
         import(
-          '@/views/auth/Plugins.vue'
+          '~/views/auth/Plugins.vue'
         )
     },
     {
@@ -203,7 +203,7 @@ export default new Router({
       name: 'settings.applications.edit',
       component: () =>
         import(
-          '@/components/auth/ApplicationEdit.vue'
+          '~/components/auth/ApplicationEdit.vue'
         ),
       props: true
     },
@@ -212,7 +212,7 @@ export default new Router({
         path: route.path,
         name: `profile${route.suffix}`,
         component: () =>
-          import('@/views/auth/ProfileBase.vue'),
+          import('~/views/auth/ProfileBase.vue'),
         props: true,
         children: [
           {
@@ -220,7 +220,7 @@ export default new Router({
             name: `profile${route.suffix}.overview`,
             component: () =>
               import(
-                '@/views/auth/ProfileOverview.vue'
+                '~/views/auth/ProfileOverview.vue'
               )
           },
           {
@@ -228,7 +228,7 @@ export default new Router({
             name: `profile${route.suffix}.activity`,
             component: () =>
               import(
-                '@/views/auth/ProfileActivity.vue'
+                '~/views/auth/ProfileActivity.vue'
               )
           }
         ]
@@ -238,7 +238,7 @@ export default new Router({
       path: '/favorites',
       name: 'favorites',
       component: () =>
-        import('@/components/favorites/List.vue'),
+        import('~/components/favorites/List.vue'),
       props: route => ({
         defaultOrdering: route.query.ordering,
         defaultPage: route.query.page,
@@ -248,27 +248,27 @@ export default new Router({
     {
       path: '/content',
       component: () =>
-        import('@/views/content/Base.vue'),
+        import('~/views/content/Base.vue'),
       children: [
         {
           path: '',
           name: 'content.index',
           component: () =>
-            import('@/views/content/Home.vue')
+            import('~/views/content/Home.vue')
         }
       ]
     },
     {
       path: '/content/libraries/tracks',
       component: () =>
-        import('@/views/content/Base.vue'),
+        import('~/views/content/Base.vue'),
       children: [
         {
           path: '',
           name: 'content.libraries.files',
           component: () =>
             import(
-              '@/views/content/libraries/Files.vue'
+              '~/views/content/libraries/Files.vue'
             ),
           props: route => ({
             query: route.query.q
@@ -279,14 +279,14 @@ export default new Router({
     {
       path: '/content/libraries',
       component: () =>
-        import('@/views/content/Base.vue'),
+        import('~/views/content/Base.vue'),
       children: [
         {
           path: '',
           name: 'content.libraries.index',
           component: () =>
             import(
-              '@/views/content/libraries/Home.vue'
+              '~/views/content/libraries/Home.vue'
             )
         }
       ]
@@ -294,13 +294,13 @@ export default new Router({
     {
       path: '/content/remote',
       component: () =>
-        import('@/views/content/Base.vue'),
+        import('~/views/content/Base.vue'),
       children: [
         {
           path: '',
           name: 'content.remote.index',
           component: () =>
-            import('@/views/content/remote/Home.vue')
+            import('~/views/content/remote/Home.vue')
         }
       ]
     },
@@ -309,20 +309,20 @@ export default new Router({
       name: 'manage.settings',
       beforeEnter: adminPermissions,
       component: () =>
-        import('@/views/admin/Settings.vue')
+        import('~/views/admin/Settings.vue')
     },
     {
       path: '/manage/library',
       beforeEnter: libraryPermissions,
       component: () =>
-        import('@/views/admin/library/Base.vue'),
+        import('~/views/admin/library/Base.vue'),
       children: [
         {
           path: 'edits',
           name: 'manage.library.edits',
           component: () =>
             import(
-              '@/views/admin/library/EditsList.vue'
+              '~/views/admin/library/EditsList.vue'
             ),
           props: route => {
             return {
@@ -335,7 +335,7 @@ export default new Router({
           name: 'manage.library.artists',
           component: () =>
             import(
-              '@/views/admin/library/ArtistsList.vue'
+              '~/views/admin/library/ArtistsList.vue'
             ),
           props: route => {
             return {
@@ -348,7 +348,7 @@ export default new Router({
           name: 'manage.library.artists.detail',
           component: () =>
             import(
-              '@/views/admin/library/ArtistDetail.vue'
+              '~/views/admin/library/ArtistDetail.vue'
             ),
           props: true
         },
@@ -357,7 +357,7 @@ export default new Router({
           name: 'manage.channels',
           component: () =>
             import(
-              '@/views/admin/ChannelsList.vue'
+              '~/views/admin/ChannelsList.vue'
             ),
           props: route => {
             return {
@@ -370,7 +370,7 @@ export default new Router({
           name: 'manage.channels.detail',
           component: () =>
             import(
-              '@/views/admin/ChannelDetail.vue'
+              '~/views/admin/ChannelDetail.vue'
             ),
           props: true
         },
@@ -379,7 +379,7 @@ export default new Router({
           name: 'manage.library.albums',
           component: () =>
             import(
-              '@/views/admin/library/AlbumsList.vue'
+              '~/views/admin/library/AlbumsList.vue'
             ),
           props: route => {
             return {
@@ -392,7 +392,7 @@ export default new Router({
           name: 'manage.library.albums.detail',
           component: () =>
             import(
-              '@/views/admin/library/AlbumDetail.vue'
+              '~/views/admin/library/AlbumDetail.vue'
             ),
           props: true
         },
@@ -401,7 +401,7 @@ export default new Router({
           name: 'manage.library.tracks',
           component: () =>
             import(
-              '@/views/admin/library/TracksList.vue'
+              '~/views/admin/library/TracksList.vue'
             ),
           props: route => {
             return {
@@ -414,7 +414,7 @@ export default new Router({
           name: 'manage.library.tracks.detail',
           component: () =>
             import(
-              '@/views/admin/library/TrackDetail.vue'
+              '~/views/admin/library/TrackDetail.vue'
             ),
           props: true
         },
@@ -423,7 +423,7 @@ export default new Router({
           name: 'manage.library.libraries',
           component: () =>
             import(
-              '@/views/admin/library/LibrariesList.vue'
+              '~/views/admin/library/LibrariesList.vue'
             ),
           props: route => {
             return {
@@ -436,7 +436,7 @@ export default new Router({
           name: 'manage.library.libraries.detail',
           component: () =>
             import(
-              '@/views/admin/library/LibraryDetail.vue'
+              '~/views/admin/library/LibraryDetail.vue'
             ),
           props: true
         },
@@ -445,7 +445,7 @@ export default new Router({
           name: 'manage.library.uploads',
           component: () =>
             import(
-              '@/views/admin/library/UploadsList.vue'
+              '~/views/admin/library/UploadsList.vue'
             ),
           props: route => {
             return {
@@ -458,7 +458,7 @@ export default new Router({
           name: 'manage.library.uploads.detail',
           component: () =>
             import(
-              '@/views/admin/library/UploadDetail.vue'
+              '~/views/admin/library/UploadDetail.vue'
             ),
           props: true
         },
@@ -467,7 +467,7 @@ export default new Router({
           name: 'manage.library.tags',
           component: () =>
             import(
-              '@/views/admin/library/TagsList.vue'
+              '~/views/admin/library/TagsList.vue'
             ),
           props: route => {
             return {
@@ -480,7 +480,7 @@ export default new Router({
           name: 'manage.library.tags.detail',
           component: () =>
             import(
-              '@/views/admin/library/TagDetail.vue'
+              '~/views/admin/library/TagDetail.vue'
             ),
           props: true
         }
@@ -490,14 +490,14 @@ export default new Router({
       path: '/manage/users',
       beforeEnter: adminPermissions,
       component: () =>
-        import('@/views/admin/users/Base.vue'),
+        import('~/views/admin/users/Base.vue'),
       children: [
         {
           path: 'users',
           name: 'manage.users.users.list',
           component: () =>
             import(
-              '@/views/admin/users/UsersList.vue'
+              '~/views/admin/users/UsersList.vue'
             )
         },
         {
@@ -505,7 +505,7 @@ export default new Router({
           name: 'manage.users.invitations.list',
           component: () =>
             import(
-              '@/views/admin/users/InvitationsList.vue'
+              '~/views/admin/users/InvitationsList.vue'
             )
         }
       ]
@@ -514,14 +514,14 @@ export default new Router({
       path: '/manage/moderation',
       beforeEnter: moderatorPermissions,
       component: () =>
-        import('@/views/admin/moderation/Base.vue'),
+        import('~/views/admin/moderation/Base.vue'),
       children: [
         {
           path: 'domains',
           name: 'manage.moderation.domains.list',
           component: () =>
             import(
-              '@/views/admin/moderation/DomainsList.vue'
+              '~/views/admin/moderation/DomainsList.vue'
             )
         },
         {
@@ -529,7 +529,7 @@ export default new Router({
           name: 'manage.moderation.domains.detail',
           component: () =>
             import(
-              '@/views/admin/moderation/DomainsDetail.vue'
+              '~/views/admin/moderation/DomainsDetail.vue'
             ),
           props: true
         },
@@ -538,7 +538,7 @@ export default new Router({
           name: 'manage.moderation.accounts.list',
           component: () =>
             import(
-              '@/views/admin/moderation/AccountsList.vue'
+              '~/views/admin/moderation/AccountsList.vue'
             ),
           props: route => {
             return {
@@ -551,7 +551,7 @@ export default new Router({
           name: 'manage.moderation.accounts.detail',
           component: () =>
             import(
-              '@/views/admin/moderation/AccountsDetail.vue'
+              '~/views/admin/moderation/AccountsDetail.vue'
             ),
           props: true
         },
@@ -560,7 +560,7 @@ export default new Router({
           name: 'manage.moderation.reports.list',
           component: () =>
             import(
-              '@/views/admin/moderation/ReportsList.vue'
+              '~/views/admin/moderation/ReportsList.vue'
             ),
           props: route => {
             return {
@@ -574,7 +574,7 @@ export default new Router({
           name: 'manage.moderation.reports.detail',
           component: () =>
             import(
-              '@/views/admin/moderation/ReportDetail.vue'
+              '~/views/admin/moderation/ReportDetail.vue'
             ),
           props: true
         },
@@ -583,7 +583,7 @@ export default new Router({
           name: 'manage.moderation.requests.list',
           component: () =>
             import(
-              '@/views/admin/moderation/RequestsList.vue'
+              '~/views/admin/moderation/RequestsList.vue'
             ),
           props: route => {
             return {
@@ -597,7 +597,7 @@ export default new Router({
           name: 'manage.moderation.requests.detail',
           component: () =>
             import(
-              '@/views/admin/moderation/RequestDetail.vue'
+              '~/views/admin/moderation/RequestDetail.vue'
             ),
           props: true
         }
@@ -606,18 +606,18 @@ export default new Router({
     {
       path: '/library',
       component: () =>
-        import('@/components/library/Library.vue'),
+        import('~/components/library/Library.vue'),
       children: [
         {
           path: '',
           component: () =>
-            import('@/components/library/Home.vue'),
+            import('~/components/library/Home.vue'),
           name: 'library.index'
         },
         {
           path: 'me',
           component: () =>
-            import('@/components/library/Home.vue'),
+            import('~/components/library/Home.vue'),
           name: 'library.me',
           props: route => ({
             scope: 'me'
@@ -628,7 +628,7 @@ export default new Router({
           name: 'library.artists.browse',
           component: () =>
             import(
-              '@/components/library/Artists.vue'
+              '~/components/library/Artists.vue'
             ),
           props: route => ({
             defaultOrdering: route.query.ordering,
@@ -645,7 +645,7 @@ export default new Router({
           name: 'library.artists.me',
           component: () =>
             import(
-              '@/components/library/Artists.vue'
+              '~/components/library/Artists.vue'
             ),
           props: route => ({
             scope: 'me',
@@ -663,7 +663,7 @@ export default new Router({
           name: 'library.albums.browse',
           component: () =>
             import(
-              '@/components/library/Albums.vue'
+              '~/components/library/Albums.vue'
             ),
           props: route => ({
             defaultOrdering: route.query.ordering,
@@ -680,7 +680,7 @@ export default new Router({
           name: 'library.podcasts.browse',
           component: () =>
             import(
-              '@/components/library/Podcasts.vue'
+              '~/components/library/Podcasts.vue'
             ),
           props: route => ({
             defaultOrdering: route.query.ordering,
@@ -697,7 +697,7 @@ export default new Router({
           name: 'library.albums.me',
           component: () =>
             import(
-              '@/components/library/Albums.vue'
+              '~/components/library/Albums.vue'
             ),
           props: route => ({
             scope: 'me',
@@ -715,7 +715,7 @@ export default new Router({
           name: 'library.radios.browse',
           component: () =>
             import(
-              '@/components/library/Radios.vue'
+              '~/components/library/Radios.vue'
             ),
           props: route => ({
             defaultOrdering: route.query.ordering,
@@ -729,7 +729,7 @@ export default new Router({
           name: 'library.radios.me',
           component: () =>
             import(
-              '@/components/library/Radios.vue'
+              '~/components/library/Radios.vue'
             ),
           props: route => ({
             scope: 'me',
@@ -744,7 +744,7 @@ export default new Router({
           name: 'library.radios.build',
           component: () =>
             import(
-              '@/components/library/radios/Builder.vue'
+              '~/components/library/radios/Builder.vue'
             ),
           props: true
         },
@@ -753,7 +753,7 @@ export default new Router({
           name: 'library.radios.edit',
           component: () =>
             import(
-              '@/components/library/radios/Builder.vue'
+              '~/components/library/radios/Builder.vue'
             ),
           props: true
         },
@@ -761,14 +761,14 @@ export default new Router({
           path: 'radios/:id',
           name: 'library.radios.detail',
           component: () =>
-            import('@/views/radios/Detail.vue'),
+            import('~/views/radios/Detail.vue'),
           props: true
         },
         {
           path: 'playlists/',
           name: 'library.playlists.browse',
           component: () =>
-            import('@/views/playlists/List.vue'),
+            import('~/views/playlists/List.vue'),
           props: route => ({
             defaultOrdering: route.query.ordering,
             defaultQuery: route.query.query,
@@ -780,7 +780,7 @@ export default new Router({
           path: 'me/playlists/',
           name: 'library.playlists.me',
           component: () =>
-            import('@/views/playlists/List.vue'),
+            import('~/views/playlists/List.vue'),
           props: route => ({
             scope: 'me',
             defaultOrdering: route.query.ordering,
@@ -793,7 +793,7 @@ export default new Router({
           path: 'playlists/:id',
           name: 'library.playlists.detail',
           component: () =>
-            import('@/views/playlists/Detail.vue'),
+            import('~/views/playlists/Detail.vue'),
           props: route => ({
             id: route.params.id,
             defaultEdit: route.query.mode === 'edit'
@@ -804,7 +804,7 @@ export default new Router({
           name: 'library.tags.detail',
           component: () =>
             import(
-              '@/components/library/TagDetail.vue'
+              '~/components/library/TagDetail.vue'
             ),
           props: true
         },
@@ -812,7 +812,7 @@ export default new Router({
           path: 'artists/:id',
           component: () =>
             import(
-              '@/components/library/ArtistBase.vue'
+              '~/components/library/ArtistBase.vue'
             ),
           props: true,
           children: [
@@ -821,7 +821,7 @@ export default new Router({
               name: 'library.artists.detail',
               component: () =>
                 import(
-                  '@/components/library/ArtistDetail.vue'
+                  '~/components/library/ArtistDetail.vue'
                 )
             },
             {
@@ -829,7 +829,7 @@ export default new Router({
               name: 'library.artists.edit',
               component: () =>
                 import(
-                  '@/components/library/ArtistEdit.vue'
+                  '~/components/library/ArtistEdit.vue'
                 )
             },
             {
@@ -837,7 +837,7 @@ export default new Router({
               name: 'library.artists.edit.detail',
               component: () =>
                 import(
-                  '@/components/library/EditDetail.vue'
+                  '~/components/library/EditDetail.vue'
                 ),
               props: true
             }
@@ -847,7 +847,7 @@ export default new Router({
           path: 'albums/:id',
           component: () =>
             import(
-              '@/components/library/AlbumBase.vue'
+              '~/components/library/AlbumBase.vue'
             ),
           props: true,
           children: [
@@ -856,7 +856,7 @@ export default new Router({
               name: 'library.albums.detail',
               component: () =>
                 import(
-                  '@/components/library/AlbumDetail.vue'
+                  '~/components/library/AlbumDetail.vue'
                 )
             },
             {
@@ -864,7 +864,7 @@ export default new Router({
               name: 'library.albums.edit',
               component: () =>
                 import(
-                  '@/components/library/AlbumEdit.vue'
+                  '~/components/library/AlbumEdit.vue'
                 )
             },
             {
@@ -872,7 +872,7 @@ export default new Router({
               name: 'library.albums.edit.detail',
               component: () =>
                 import(
-                  '@/components/library/EditDetail.vue'
+                  '~/components/library/EditDetail.vue'
                 ),
               props: true
             }
@@ -882,7 +882,7 @@ export default new Router({
           path: 'tracks/:id',
           component: () =>
             import(
-              '@/components/library/TrackBase.vue'
+              '~/components/library/TrackBase.vue'
             ),
           props: true,
           children: [
@@ -891,7 +891,7 @@ export default new Router({
               name: 'library.tracks.detail',
               component: () =>
                 import(
-                  '@/components/library/TrackDetail.vue'
+                  '~/components/library/TrackDetail.vue'
                 )
             },
             {
@@ -899,7 +899,7 @@ export default new Router({
               name: 'library.tracks.edit',
               component: () =>
                 import(
-                  '@/components/library/TrackEdit.vue'
+                  '~/components/library/TrackEdit.vue'
                 )
             },
             {
@@ -907,7 +907,7 @@ export default new Router({
               name: 'library.tracks.edit.detail',
               component: () =>
                 import(
-                  '@/components/library/EditDetail.vue'
+                  '~/components/library/EditDetail.vue'
                 ),
               props: true
             }
@@ -919,7 +919,7 @@ export default new Router({
           props: true,
           component: () =>
             import(
-              '@/components/library/UploadDetail.vue'
+              '~/components/library/UploadDetail.vue'
             )
         },
         {
@@ -928,7 +928,7 @@ export default new Router({
           props: true,
           component: () =>
             import(
-              '@/views/library/DetailBase.vue'
+              '~/views/library/DetailBase.vue'
             ),
           children: [
             {
@@ -936,7 +936,7 @@ export default new Router({
               name: 'library.detail',
               component: () =>
                 import(
-                  '@/views/library/DetailOverview.vue'
+                  '~/views/library/DetailOverview.vue'
                 )
             },
             {
@@ -944,7 +944,7 @@ export default new Router({
               name: 'library.detail.albums',
               component: () =>
                 import(
-                  '@/views/library/DetailAlbums.vue'
+                  '~/views/library/DetailAlbums.vue'
                 )
             },
             {
@@ -952,7 +952,7 @@ export default new Router({
               name: 'library.detail.tracks',
               component: () =>
                 import(
-                  '@/views/library/DetailTracks.vue'
+                  '~/views/library/DetailTracks.vue'
                 )
             },
             {
@@ -960,7 +960,7 @@ export default new Router({
               name: 'library.detail.edit',
               component: () =>
                 import(
-                  '@/views/library/Edit.vue'
+                  '~/views/library/Edit.vue'
                 )
             },
             {
@@ -968,7 +968,7 @@ export default new Router({
               name: 'library.detail.upload',
               component: () =>
                 import(
-                  '@/views/library/Upload.vue'
+                  '~/views/library/Upload.vue'
                 ),
               props: route => ({
                 defaultImportReference: route.query.import
@@ -983,7 +983,7 @@ export default new Router({
       props: true,
       component: () =>
         import(
-          '@/views/channels/DetailBase.vue'
+          '~/views/channels/DetailBase.vue'
         ),
       children: [
         {
@@ -991,7 +991,7 @@ export default new Router({
           name: 'channels.detail',
           component: () =>
             import(
-              '@/views/channels/DetailOverview.vue'
+              '~/views/channels/DetailOverview.vue'
             )
         },
         {
@@ -999,7 +999,7 @@ export default new Router({
           name: 'channels.detail.episodes',
           component: () =>
             import(
-              '@/views/channels/DetailEpisodes.vue'
+              '~/views/channels/DetailEpisodes.vue'
             )
         }
       ]
@@ -1014,7 +1014,7 @@ export default new Router({
       },
       component: () =>
         import(
-          '@/views/channels/SubscriptionsList.vue'
+          '~/views/channels/SubscriptionsList.vue'
         )
     },
     {
@@ -1025,7 +1025,7 @@ export default new Router({
       path: '*',
       name: '404',
       component: () =>
-        import('@/components/PageNotFound.vue')
+        import('~/components/PageNotFound.vue')
     }
   ]
 })
diff --git a/front/src/store/auth.js b/front/src/store/auth.js
index 9aa3d70a5..e115932e9 100644
--- a/front/src/store/auth.js
+++ b/front/src/store/auth.js
@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '~/logging'
 
 function getDefaultScopedTokens () {
   return {
@@ -133,7 +133,7 @@ export default {
         logger.default.info('Successfully logged in as', credentials.username)
         dispatch('fetchProfile').then(() => {
           // Redirect to a specified route
-          import('@/router').then((router) => {
+          import('~/router').then((router) => {
             return router.default.push(next)
           })
         })
diff --git a/front/src/store/channels.js b/front/src/store/channels.js
index d5189fa7f..577b060f1 100644
--- a/front/src/store/channels.js
+++ b/front/src/store/channels.js
@@ -1,5 +1,5 @@
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '~/logging'
 
 export default {
   namespaced: true,
diff --git a/front/src/store/favorites.js b/front/src/store/favorites.js
index 7dede7b58..83242ac18 100644
--- a/front/src/store/favorites.js
+++ b/front/src/store/favorites.js
@@ -1,5 +1,5 @@
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '~/logging'
 
 export default {
   namespaced: true,
diff --git a/front/src/store/instance.js b/front/src/store/instance.js
index b311440ee..e842f6897 100644
--- a/front/src/store/instance.js
+++ b/front/src/store/instance.js
@@ -1,5 +1,5 @@
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '~/logging'
 import { merge } from 'lodash-es'
 
 function getDefaultUrl () {
diff --git a/front/src/store/libraries.js b/front/src/store/libraries.js
index 5e002f36c..4953c7b84 100644
--- a/front/src/store/libraries.js
+++ b/front/src/store/libraries.js
@@ -1,5 +1,5 @@
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '~/logging'
 
 export default {
   namespaced: true,
diff --git a/front/src/store/moderation.js b/front/src/store/moderation.js
index 41415f26f..2e9c4c3cb 100644
--- a/front/src/store/moderation.js
+++ b/front/src/store/moderation.js
@@ -1,5 +1,5 @@
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '~/logging'
 import { sortBy } from 'lodash-es'
 
 export default {
diff --git a/front/src/store/player.js b/front/src/store/player.js
index 1129ef5d4..32db6c39b 100644
--- a/front/src/store/player.js
+++ b/front/src/store/player.js
@@ -1,6 +1,6 @@
 import axios from 'axios'
-import logger from '@/logging'
-import time from '@/utils/time'
+import logger from '~/logging'
+import time from '~/utils/time'
 
 export default {
   namespaced: true,
diff --git a/front/src/store/queue.js b/front/src/store/queue.js
index 14b5a8040..869f6f031 100644
--- a/front/src/store/queue.js
+++ b/front/src/store/queue.js
@@ -1,4 +1,4 @@
-import logger from '@/logging'
+import logger from '~/logging'
 import { shuffle } from 'lodash-es'
 
 export default {
diff --git a/front/src/store/radios.js b/front/src/store/radios.js
index 3c24f7ed4..1914485f9 100644
--- a/front/src/store/radios.js
+++ b/front/src/store/radios.js
@@ -1,7 +1,7 @@
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '~/logging'
 
-import { getClientOnlyRadio } from '@/radios'
+import { getClientOnlyRadio } from '~/radios'
 
 export default {
   namespaced: true,
diff --git a/front/src/utils/index.ts b/front/src/utils/index.ts
index 850c07bcf..d0522a898 100644
--- a/front/src/utils/index.ts
+++ b/front/src/utils/index.ts
@@ -1,7 +1,7 @@
 import { startCase } from 'lodash-es'
 import { Store } from 'vuex'
 import VueRouter from 'vue-router'
-import { APIErrorResponse } from '@/types'
+import { APIErrorResponse } from '~/types'
 
 export function setUpdate (obj: object, statuses: { [key: string]: unknown }, value: unknown) {
   for (const key of Object.keys(obj)) {
diff --git a/front/src/views/Notifications.vue b/front/src/views/Notifications.vue
index 1555a5d24..d1ca91c8f 100644
--- a/front/src/views/Notifications.vue
+++ b/front/src/views/Notifications.vue
@@ -217,7 +217,7 @@ import axios from 'axios'
 import showdown from 'showdown'
 import moment from 'moment'
 
-import NotificationRow from '@/components/notifications/NotificationRow.vue'
+import NotificationRow from '~/components/notifications/NotificationRow.vue'
 
 export default {
   components: {
diff --git a/front/src/views/Search.vue b/front/src/views/Search.vue
index 1c5470bd1..3178f5871 100644
--- a/front/src/views/Search.vue
+++ b/front/src/views/Search.vue
@@ -137,14 +137,14 @@
 </template>
 
 <script>
-import RemoteSearchForm from '@/components/RemoteSearchForm.vue'
-import ArtistCard from '@/components/audio/artist/Card.vue'
-import AlbumCard from '@/components/audio/album/Card.vue'
-import TrackTable from '@/components/audio/track/Table.vue'
-import Pagination from '@/components/Pagination.vue'
-import PlaylistCardList from '@/components/playlists/CardList.vue'
-import RadioCard from '@/components/radios/Card.vue'
-import TagsList from '@/components/tags/List.vue'
+import RemoteSearchForm from '~/components/RemoteSearchForm.vue'
+import ArtistCard from '~/components/audio/artist/Card.vue'
+import AlbumCard from '~/components/audio/album/Card.vue'
+import TrackTable from '~/components/audio/track/Table.vue'
+import Pagination from '~/components/Pagination.vue'
+import PlaylistCardList from '~/components/playlists/CardList.vue'
+import RadioCard from '~/components/radios/Card.vue'
+import TagsList from '~/components/tags/List.vue'
 
 import axios from 'axios'
 
diff --git a/front/src/views/admin/ChannelDetail.vue b/front/src/views/admin/ChannelDetail.vue
index 71af70a1c..03a7c253c 100644
--- a/front/src/views/admin/ChannelDetail.vue
+++ b/front/src/views/admin/ChannelDetail.vue
@@ -416,8 +416,8 @@
 <script>
 import axios from 'axios'
 
-import TagsList from '@/components/tags/List.vue'
-import FetchButton from '@/components/federation/FetchButton.vue'
+import TagsList from '~/components/tags/List.vue'
+import FetchButton from '~/components/federation/FetchButton.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/ChannelsList.vue b/front/src/views/admin/ChannelsList.vue
index 3ab794dd7..1adf983a3 100644
--- a/front/src/views/admin/ChannelsList.vue
+++ b/front/src/views/admin/ChannelsList.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import ChannelsTable from '@/components/manage/ChannelsTable.vue'
+import ChannelsTable from '~/components/manage/ChannelsTable.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/Settings.vue b/front/src/views/admin/Settings.vue
index d1848c7a7..99ef2e55c 100644
--- a/front/src/views/admin/Settings.vue
+++ b/front/src/views/admin/Settings.vue
@@ -45,7 +45,7 @@
 import axios from 'axios'
 import $ from 'jquery'
 
-import SettingsGroup from '@/components/admin/SettingsGroup.vue'
+import SettingsGroup from '~/components/admin/SettingsGroup.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/library/AlbumDetail.vue b/front/src/views/admin/library/AlbumDetail.vue
index cb4c68261..b17eb37bf 100644
--- a/front/src/views/admin/library/AlbumDetail.vue
+++ b/front/src/views/admin/library/AlbumDetail.vue
@@ -399,8 +399,8 @@
 
 <script>
 import axios from 'axios'
-import FetchButton from '@/components/federation/FetchButton.vue'
-import TagsList from '@/components/tags/List.vue'
+import FetchButton from '~/components/federation/FetchButton.vue'
+import TagsList from '~/components/tags/List.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/library/AlbumsList.vue b/front/src/views/admin/library/AlbumsList.vue
index 82ceca196..12441ea93 100644
--- a/front/src/views/admin/library/AlbumsList.vue
+++ b/front/src/views/admin/library/AlbumsList.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import AlbumsTable from '@/components/manage/library/AlbumsTable.vue'
+import AlbumsTable from '~/components/manage/library/AlbumsTable.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/library/ArtistDetail.vue b/front/src/views/admin/library/ArtistDetail.vue
index 875082bbb..6220a0bee 100644
--- a/front/src/views/admin/library/ArtistDetail.vue
+++ b/front/src/views/admin/library/ArtistDetail.vue
@@ -411,8 +411,8 @@
 <script>
 import axios from 'axios'
 
-import TagsList from '@/components/tags/List.vue'
-import FetchButton from '@/components/federation/FetchButton.vue'
+import TagsList from '~/components/tags/List.vue'
+import FetchButton from '~/components/federation/FetchButton.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/library/ArtistsList.vue b/front/src/views/admin/library/ArtistsList.vue
index fcbca0f97..b78a5a663 100644
--- a/front/src/views/admin/library/ArtistsList.vue
+++ b/front/src/views/admin/library/ArtistsList.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import ArtistsTable from '@/components/manage/library/ArtistsTable.vue'
+import ArtistsTable from '~/components/manage/library/ArtistsTable.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/library/EditsList.vue b/front/src/views/admin/library/EditsList.vue
index 9ce83dcd6..282deeb5a 100644
--- a/front/src/views/admin/library/EditsList.vue
+++ b/front/src/views/admin/library/EditsList.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import EditsCardList from '@/components/manage/library/EditsCardList.vue'
+import EditsCardList from '~/components/manage/library/EditsCardList.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/library/LibrariesList.vue b/front/src/views/admin/library/LibrariesList.vue
index 7a9b03446..60cc63481 100644
--- a/front/src/views/admin/library/LibrariesList.vue
+++ b/front/src/views/admin/library/LibrariesList.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import LibrariesTable from '@/components/manage/library/LibrariesTable.vue'
+import LibrariesTable from '~/components/manage/library/LibrariesTable.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/library/LibraryDetail.vue b/front/src/views/admin/library/LibraryDetail.vue
index a5d3abc3d..4bc1da8f6 100644
--- a/front/src/views/admin/library/LibraryDetail.vue
+++ b/front/src/views/admin/library/LibraryDetail.vue
@@ -358,8 +358,8 @@
 
 <script>
 import axios from 'axios'
-import logger from '@/logging'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
+import logger from '~/logging'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
 
 export default {
   mixins: [
diff --git a/front/src/views/admin/library/TagsList.vue b/front/src/views/admin/library/TagsList.vue
index 5ca37165a..36dfdac28 100644
--- a/front/src/views/admin/library/TagsList.vue
+++ b/front/src/views/admin/library/TagsList.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import TagsTable from '@/components/manage/library/TagsTable.vue'
+import TagsTable from '~/components/manage/library/TagsTable.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/library/TrackDetail.vue b/front/src/views/admin/library/TrackDetail.vue
index de8074cdf..1cbd75057 100644
--- a/front/src/views/admin/library/TrackDetail.vue
+++ b/front/src/views/admin/library/TrackDetail.vue
@@ -452,8 +452,8 @@
 
 <script>
 import axios from 'axios'
-import FetchButton from '@/components/federation/FetchButton.vue'
-import TagsList from '@/components/tags/List.vue'
+import FetchButton from '~/components/federation/FetchButton.vue'
+import TagsList from '~/components/tags/List.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/library/TracksList.vue b/front/src/views/admin/library/TracksList.vue
index e171e8b01..2a165faf4 100644
--- a/front/src/views/admin/library/TracksList.vue
+++ b/front/src/views/admin/library/TracksList.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import TracksTable from '@/components/manage/library/TracksTable.vue'
+import TracksTable from '~/components/manage/library/TracksTable.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/library/UploadDetail.vue b/front/src/views/admin/library/UploadDetail.vue
index 9c8ecaa4d..0c9796319 100644
--- a/front/src/views/admin/library/UploadDetail.vue
+++ b/front/src/views/admin/library/UploadDetail.vue
@@ -377,9 +377,9 @@
 
 <script>
 import axios from 'axios'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import ImportStatusModal from '@/components/library/ImportStatusModal.vue'
-import time from '@/utils/time'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import ImportStatusModal from '~/components/library/ImportStatusModal.vue'
+import time from '~/utils/time'
 
 export default {
   components: {
diff --git a/front/src/views/admin/library/UploadsList.vue b/front/src/views/admin/library/UploadsList.vue
index 247e9fd4e..f32fda4c6 100644
--- a/front/src/views/admin/library/UploadsList.vue
+++ b/front/src/views/admin/library/UploadsList.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import UploadsTable from '@/components/manage/library/UploadsTable.vue'
+import UploadsTable from '~/components/manage/library/UploadsTable.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/moderation/AccountsDetail.vue b/front/src/views/admin/moderation/AccountsDetail.vue
index 3ddc5aaf3..bd1086dc9 100644
--- a/front/src/views/admin/moderation/AccountsDetail.vue
+++ b/front/src/views/admin/moderation/AccountsDetail.vue
@@ -567,11 +567,11 @@
 
 <script>
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '~/logging'
 import $ from 'jquery'
 
-import InstancePolicyForm from '@/components/manage/moderation/InstancePolicyForm.vue'
-import InstancePolicyCard from '@/components/manage/moderation/InstancePolicyCard.vue'
+import InstancePolicyForm from '~/components/manage/moderation/InstancePolicyForm.vue'
+import InstancePolicyCard from '~/components/manage/moderation/InstancePolicyCard.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/moderation/AccountsList.vue b/front/src/views/admin/moderation/AccountsList.vue
index fa5379891..365c060cb 100644
--- a/front/src/views/admin/moderation/AccountsList.vue
+++ b/front/src/views/admin/moderation/AccountsList.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import AccountsTable from '@/components/manage/moderation/AccountsTable.vue'
+import AccountsTable from '~/components/manage/moderation/AccountsTable.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/moderation/DomainsDetail.vue b/front/src/views/admin/moderation/DomainsDetail.vue
index e5043fe0e..13f1911d5 100644
--- a/front/src/views/admin/moderation/DomainsDetail.vue
+++ b/front/src/views/admin/moderation/DomainsDetail.vue
@@ -460,8 +460,8 @@
 import axios from 'axios'
 import { get } from 'lodash-es'
 
-import InstancePolicyForm from '@/components/manage/moderation/InstancePolicyForm.vue'
-import InstancePolicyCard from '@/components/manage/moderation/InstancePolicyCard.vue'
+import InstancePolicyForm from '~/components/manage/moderation/InstancePolicyForm.vue'
+import InstancePolicyCard from '~/components/manage/moderation/InstancePolicyCard.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/moderation/DomainsList.vue b/front/src/views/admin/moderation/DomainsList.vue
index 3095817a2..9731ac3c2 100644
--- a/front/src/views/admin/moderation/DomainsList.vue
+++ b/front/src/views/admin/moderation/DomainsList.vue
@@ -73,7 +73,7 @@
 <script>
 import axios from 'axios'
 
-import DomainsTable from '@/components/manage/moderation/DomainsTable.vue'
+import DomainsTable from '~/components/manage/moderation/DomainsTable.vue'
 export default {
   components: {
     DomainsTable
diff --git a/front/src/views/admin/moderation/ReportDetail.vue b/front/src/views/admin/moderation/ReportDetail.vue
index b59192d75..056678b9d 100644
--- a/front/src/views/admin/moderation/ReportDetail.vue
+++ b/front/src/views/admin/moderation/ReportDetail.vue
@@ -17,7 +17,7 @@
 <script>
 import axios from 'axios'
 
-import ReportCard from '@/components/manage/moderation/ReportCard.vue'
+import ReportCard from '~/components/manage/moderation/ReportCard.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/moderation/ReportsList.vue b/front/src/views/admin/moderation/ReportsList.vue
index b81da3964..23c702510 100644
--- a/front/src/views/admin/moderation/ReportsList.vue
+++ b/front/src/views/admin/moderation/ReportsList.vue
@@ -128,14 +128,14 @@
 
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import Pagination from '@/components/Pagination.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import ReportCard from '@/components/manage/moderation/ReportCard.vue'
-import ReportCategoryDropdown from '@/components/moderation/ReportCategoryDropdown.vue'
-import { normalizeQuery, parseTokens } from '@/search'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
+import time from '~/utils/time'
+import Pagination from '~/components/Pagination.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import ReportCard from '~/components/manage/moderation/ReportCard.vue'
+import ReportCategoryDropdown from '~/components/moderation/ReportCategoryDropdown.vue'
+import { normalizeQuery, parseTokens } from '~/search'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/moderation/RequestDetail.vue b/front/src/views/admin/moderation/RequestDetail.vue
index e25fb8360..a7b31d8a9 100644
--- a/front/src/views/admin/moderation/RequestDetail.vue
+++ b/front/src/views/admin/moderation/RequestDetail.vue
@@ -17,7 +17,7 @@
 <script>
 import axios from 'axios'
 
-import UserRequestCard from '@/components/manage/moderation/UserRequestCard.vue'
+import UserRequestCard from '~/components/manage/moderation/UserRequestCard.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/moderation/RequestsList.vue b/front/src/views/admin/moderation/RequestsList.vue
index bbe80d15e..3c3de69c8 100644
--- a/front/src/views/admin/moderation/RequestsList.vue
+++ b/front/src/views/admin/moderation/RequestsList.vue
@@ -126,13 +126,13 @@
 
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import Pagination from '@/components/Pagination.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import UserRequestCard from '@/components/manage/moderation/UserRequestCard.vue'
-import { normalizeQuery, parseTokens } from '@/search'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
+import time from '~/utils/time'
+import Pagination from '~/components/Pagination.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import UserRequestCard from '~/components/manage/moderation/UserRequestCard.vue'
+import { normalizeQuery, parseTokens } from '~/search'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/users/InvitationsList.vue b/front/src/views/admin/users/InvitationsList.vue
index dd4cb4d63..780f16bce 100644
--- a/front/src/views/admin/users/InvitationsList.vue
+++ b/front/src/views/admin/users/InvitationsList.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script>
-import InvitationForm from '@/components/manage/users/InvitationForm.vue'
-import InvitationsTable from '@/components/manage/users/InvitationsTable.vue'
+import InvitationForm from '~/components/manage/users/InvitationForm.vue'
+import InvitationsTable from '~/components/manage/users/InvitationsTable.vue'
 
 export default {
   components: {
diff --git a/front/src/views/admin/users/UsersList.vue b/front/src/views/admin/users/UsersList.vue
index 42efc38fb..3e1b05db4 100644
--- a/front/src/views/admin/users/UsersList.vue
+++ b/front/src/views/admin/users/UsersList.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import UsersTable from '@/components/manage/users/UsersTable.vue'
+import UsersTable from '~/components/manage/users/UsersTable.vue'
 
 export default {
   components: {
diff --git a/front/src/views/auth/Login.vue b/front/src/views/auth/Login.vue
index 771d99bb7..2c2305a00 100644
--- a/front/src/views/auth/Login.vue
+++ b/front/src/views/auth/Login.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script>
-import LoginForm from '@/components/auth/LoginForm.vue'
+import LoginForm from '~/components/auth/LoginForm.vue'
 
 export default {
   components: {
diff --git a/front/src/views/auth/PasswordResetConfirm.vue b/front/src/views/auth/PasswordResetConfirm.vue
index bbc01870f..d1ffe5304 100644
--- a/front/src/views/auth/PasswordResetConfirm.vue
+++ b/front/src/views/auth/PasswordResetConfirm.vue
@@ -87,7 +87,7 @@
 
 <script>
 import axios from 'axios'
-import PasswordInput from '@/components/forms/PasswordInput.vue'
+import PasswordInput from '~/components/forms/PasswordInput.vue'
 
 export default {
   components: {
diff --git a/front/src/views/auth/Plugins.vue b/front/src/views/auth/Plugins.vue
index 501a0377d..a721864d7 100644
--- a/front/src/views/auth/Plugins.vue
+++ b/front/src/views/auth/Plugins.vue
@@ -29,7 +29,7 @@
 
 <script>
 import axios from 'axios'
-import PluginForm from '@/components/auth/Plugin.vue'
+import PluginForm from '~/components/auth/Plugin.vue'
 
 export default {
   components: {
diff --git a/front/src/views/auth/ProfileActivity.vue b/front/src/views/auth/ProfileActivity.vue
index ca7f8dc64..75de05eaf 100644
--- a/front/src/views/auth/ProfileActivity.vue
+++ b/front/src/views/auth/ProfileActivity.vue
@@ -50,9 +50,9 @@
 </template>
 
 <script>
-import TrackWidget from '@/components/audio/track/Widget.vue'
-import PlaylistWidget from '@/components/playlists/Widget.vue'
-import RadioButton from '@/components/radios/Button.vue'
+import TrackWidget from '~/components/audio/track/Widget.vue'
+import PlaylistWidget from '~/components/playlists/Widget.vue'
+import RadioButton from '~/components/radios/Button.vue'
 
 export default {
   components: { TrackWidget, PlaylistWidget, RadioButton },
diff --git a/front/src/views/auth/ProfileBase.vue b/front/src/views/auth/ProfileBase.vue
index 7650f8ab5..86c7d9f19 100644
--- a/front/src/views/auth/ProfileBase.vue
+++ b/front/src/views/auth/ProfileBase.vue
@@ -139,7 +139,7 @@
 <script>
 import axios from 'axios'
 
-import ReportMixin from '@/components/mixins/Report.vue'
+import ReportMixin from '~/components/mixins/Report.vue'
 
 export default {
   mixins: [ReportMixin],
diff --git a/front/src/views/auth/ProfileOverview.vue b/front/src/views/auth/ProfileOverview.vue
index d71f45cec..2f0d6cab8 100644
--- a/front/src/views/auth/ProfileOverview.vue
+++ b/front/src/views/auth/ProfileOverview.vue
@@ -139,10 +139,10 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal.vue'
-import LibraryWidget from '@/components/federation/LibraryWidget.vue'
-import ChannelsWidget from '@/components/audio/ChannelsWidget.vue'
-import ChannelForm from '@/components/audio/ChannelForm.vue'
+import Modal from '~/components/semantic/Modal.vue'
+import LibraryWidget from '~/components/federation/LibraryWidget.vue'
+import ChannelsWidget from '~/components/audio/ChannelsWidget.vue'
+import ChannelForm from '~/components/audio/ChannelForm.vue'
 
 export default {
   components: { ChannelsWidget, LibraryWidget, ChannelForm, Modal },
diff --git a/front/src/views/auth/Signup.vue b/front/src/views/auth/Signup.vue
index 7a4353b73..55a91f340 100644
--- a/front/src/views/auth/Signup.vue
+++ b/front/src/views/auth/Signup.vue
@@ -21,7 +21,7 @@
 
 <script>
 
-import SignupForm from '@/components/auth/SignupForm.vue'
+import SignupForm from '~/components/auth/SignupForm.vue'
 
 export default {
   components: {
diff --git a/front/src/views/channels/DetailBase.vue b/front/src/views/channels/DetailBase.vue
index a8d29f65f..d57efa126 100644
--- a/front/src/views/channels/DetailBase.vue
+++ b/front/src/views/channels/DetailBase.vue
@@ -438,14 +438,14 @@
 
 <script>
 import axios from 'axios'
-import PlayButton from '@/components/audio/PlayButton.vue'
-import EmbedWizard from '@/components/audio/EmbedWizard.vue'
-import Modal from '@/components/semantic/Modal.vue'
-import TagsList from '@/components/tags/List.vue'
-import ReportMixin from '@/components/mixins/Report.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import EmbedWizard from '~/components/audio/EmbedWizard.vue'
+import Modal from '~/components/semantic/Modal.vue'
+import TagsList from '~/components/tags/List.vue'
+import ReportMixin from '~/components/mixins/Report.vue'
 
-import SubscribeButton from '@/components/channels/SubscribeButton.vue'
-import ChannelForm from '@/components/audio/ChannelForm.vue'
+import SubscribeButton from '~/components/channels/SubscribeButton.vue'
+import ChannelForm from '~/components/audio/ChannelForm.vue'
 
 export default {
   components: {
diff --git a/front/src/views/channels/DetailEpisodes.vue b/front/src/views/channels/DetailEpisodes.vue
index 6aafda2fc..e04019d5f 100644
--- a/front/src/views/channels/DetailEpisodes.vue
+++ b/front/src/views/channels/DetailEpisodes.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import ChannelEntries from '@/components/audio/ChannelEntries.vue'
+import ChannelEntries from '~/components/audio/ChannelEntries.vue'
 
 export default {
   components: {
diff --git a/front/src/views/channels/DetailOverview.vue b/front/src/views/channels/DetailOverview.vue
index 6e12a74cb..91c01fe89 100644
--- a/front/src/views/channels/DetailOverview.vue
+++ b/front/src/views/channels/DetailOverview.vue
@@ -143,9 +143,9 @@
 import axios from 'axios'
 import qs from 'qs'
 
-import ChannelEntries from '@/components/audio/ChannelEntries.vue'
-import ChannelSeries from '@/components/audio/ChannelSeries.vue'
-import AlbumModal from '@/components/channels/AlbumModal.vue'
+import ChannelEntries from '~/components/audio/ChannelEntries.vue'
+import ChannelSeries from '~/components/audio/ChannelSeries.vue'
+import AlbumModal from '~/components/channels/AlbumModal.vue'
 
 export default {
   components: {
diff --git a/front/src/views/channels/SubscriptionsList.vue b/front/src/views/channels/SubscriptionsList.vue
index c2f86df32..a9168d3cf 100644
--- a/front/src/views/channels/SubscriptionsList.vue
+++ b/front/src/views/channels/SubscriptionsList.vue
@@ -71,10 +71,10 @@
 
 <script>
 import axios from 'axios'
-import Modal from '@/components/semantic/Modal.vue'
+import Modal from '~/components/semantic/Modal.vue'
 
-import ChannelsWidget from '@/components/audio/ChannelsWidget.vue'
-import RemoteSearchForm from '@/components/RemoteSearchForm.vue'
+import ChannelsWidget from '~/components/audio/ChannelsWidget.vue'
+import RemoteSearchForm from '~/components/RemoteSearchForm.vue'
 
 export default {
   components: {
diff --git a/front/src/views/content/Home.vue b/front/src/views/content/Home.vue
index e565c87ef..f676649ac 100644
--- a/front/src/views/content/Home.vue
+++ b/front/src/views/content/Home.vue
@@ -82,7 +82,7 @@
 </template>
 
 <script>
-import { humanSize } from '@/modules/filters'
+import { humanSize } from '~/modules/filters'
 
 export default {
   computed: {
diff --git a/front/src/views/content/libraries/Card.vue b/front/src/views/content/libraries/Card.vue
index 837d0889c..03214f6d4 100644
--- a/front/src/views/content/libraries/Card.vue
+++ b/front/src/views/content/libraries/Card.vue
@@ -78,7 +78,7 @@
 </template>
 
 <script>
-import TranslationsMixin from '@/components/mixins/Translations.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
 
 export default {
   mixins: [TranslationsMixin],
diff --git a/front/src/views/content/libraries/FilesTable.vue b/front/src/views/content/libraries/FilesTable.vue
index f2de32b52..014a279f6 100644
--- a/front/src/views/content/libraries/FilesTable.vue
+++ b/front/src/views/content/libraries/FilesTable.vue
@@ -268,15 +268,15 @@
 <script>
 import axios from 'axios'
 import { merge } from 'lodash-es'
-import time from '@/utils/time'
-import { normalizeQuery, parseTokens } from '@/search'
+import time from '~/utils/time'
+import { normalizeQuery, parseTokens } from '~/search'
 
-import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
-import ImportStatusModal from '@/components/library/ImportStatusModal.vue'
+import Pagination from '~/components/Pagination.vue'
+import ActionTable from '~/components/common/ActionTable.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import SmartSearchMixin from '~/components/mixins/SmartSearch.vue'
+import ImportStatusModal from '~/components/library/ImportStatusModal.vue'
 
 export default {
   components: {
diff --git a/front/src/views/content/libraries/Form.vue b/front/src/views/content/libraries/Form.vue
index 326028fb1..2219753aa 100644
--- a/front/src/views/content/libraries/Form.vue
+++ b/front/src/views/content/libraries/Form.vue
@@ -115,7 +115,7 @@
 
 <script>
 import axios from 'axios'
-import MixinsTranslation from '@/components/mixins/Translations.vue'
+import MixinsTranslation from '~/components/mixins/Translations.vue'
 
 export default {
   mixins: [MixinsTranslation],
diff --git a/front/src/views/content/libraries/Quota.vue b/front/src/views/content/libraries/Quota.vue
index abc4d4531..c766aefe0 100644
--- a/front/src/views/content/libraries/Quota.vue
+++ b/front/src/views/content/libraries/Quota.vue
@@ -194,8 +194,8 @@
 </template>
 <script>
 import axios from 'axios'
-import { humanSize } from '@/modules/filters'
-import { compileTokens } from '@/search'
+import { humanSize } from '~/modules/filters'
+import { compileTokens } from '~/search'
 
 export default {
   data () {
diff --git a/front/src/views/content/remote/Card.vue b/front/src/views/content/remote/Card.vue
index ca890ba5f..3972707b4 100644
--- a/front/src/views/content/remote/Card.vue
+++ b/front/src/views/content/remote/Card.vue
@@ -224,8 +224,8 @@
 </template>
 <script>
 import axios from 'axios'
-import ReportMixin from '@/components/mixins/Report.vue'
-import RadioButton from '@/components/radios/Button.vue'
+import ReportMixin from '~/components/mixins/Report.vue'
+import RadioButton from '~/components/radios/Button.vue'
 
 export default {
   components: {
diff --git a/front/src/views/library/DetailAlbums.vue b/front/src/views/library/DetailAlbums.vue
index ac0e2f06b..784cbf7c4 100644
--- a/front/src/views/library/DetailAlbums.vue
+++ b/front/src/views/library/DetailAlbums.vue
@@ -30,7 +30,7 @@
 </template>
 
 <script>
-import AlbumWidget from '@/components/audio/album/Widget.vue'
+import AlbumWidget from '~/components/audio/album/Widget.vue'
 
 export default {
   components: {
diff --git a/front/src/views/library/DetailBase.vue b/front/src/views/library/DetailBase.vue
index e0068f8e2..259ad63b4 100644
--- a/front/src/views/library/DetailBase.vue
+++ b/front/src/views/library/DetailBase.vue
@@ -227,9 +227,9 @@
 
 <script>
 import axios from 'axios'
-import LibraryFollowButton from '@/components/audio/LibraryFollowButton.vue'
-import ReportMixin from '@/components/mixins/Report.vue'
-import RadioButton from '@/components/radios/Button.vue'
+import LibraryFollowButton from '~/components/audio/LibraryFollowButton.vue'
+import ReportMixin from '~/components/mixins/Report.vue'
+import RadioButton from '~/components/radios/Button.vue'
 
 export default {
   components: {
diff --git a/front/src/views/library/DetailOverview.vue b/front/src/views/library/DetailOverview.vue
index 574351589..7316bc1a5 100644
--- a/front/src/views/library/DetailOverview.vue
+++ b/front/src/views/library/DetailOverview.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script>
-import ArtistWidget from '@/components/audio/artist/Widget.vue'
+import ArtistWidget from '~/components/audio/artist/Widget.vue'
 
 export default {
   components: {
diff --git a/front/src/views/library/DetailTracks.vue b/front/src/views/library/DetailTracks.vue
index 4271019a5..b808a291f 100644
--- a/front/src/views/library/DetailTracks.vue
+++ b/front/src/views/library/DetailTracks.vue
@@ -29,7 +29,7 @@
 </template>
 
 <script>
-import TrackTable from '@/components/audio/track/Table.vue'
+import TrackTable from '~/components/audio/track/Table.vue'
 
 export default {
   components: {
diff --git a/front/src/views/library/Edit.vue b/front/src/views/library/Edit.vue
index 55d1bf2c3..6d803a21a 100644
--- a/front/src/views/library/Edit.vue
+++ b/front/src/views/library/Edit.vue
@@ -114,8 +114,8 @@
 </template>
 
 <script>
-import LibraryFilesTable from '@/views/content/libraries/FilesTable.vue'
-import LibraryForm from '@/views/content/libraries/Form.vue'
+import LibraryFilesTable from '~/views/content/libraries/FilesTable.vue'
+import LibraryForm from '~/views/content/libraries/Form.vue'
 import axios from 'axios'
 
 export default {
diff --git a/front/src/views/library/Upload.vue b/front/src/views/library/Upload.vue
index e789ee090..b9f62f3a9 100644
--- a/front/src/views/library/Upload.vue
+++ b/front/src/views/library/Upload.vue
@@ -11,7 +11,7 @@
 
 <script>
 
-import FileUpload from '@/components/library/FileUpload.vue'
+import FileUpload from '~/components/library/FileUpload.vue'
 
 export default {
   components: {
diff --git a/front/src/views/playlists/Detail.vue b/front/src/views/playlists/Detail.vue
index b1ac12238..1b2100238 100644
--- a/front/src/views/playlists/Detail.vue
+++ b/front/src/views/playlists/Detail.vue
@@ -174,11 +174,11 @@
 </template>
 <script>
 import axios from 'axios'
-import TrackTable from '@/components/audio/track/Table.vue'
-import PlayButton from '@/components/audio/PlayButton.vue'
-import PlaylistEditor from '@/components/playlists/Editor.vue'
-import EmbedWizard from '@/components/audio/EmbedWizard.vue'
-import Modal from '@/components/semantic/Modal.vue'
+import TrackTable from '~/components/audio/track/Table.vue'
+import PlayButton from '~/components/audio/PlayButton.vue'
+import PlaylistEditor from '~/components/playlists/Editor.vue'
+import EmbedWizard from '~/components/audio/EmbedWizard.vue'
+import Modal from '~/components/semantic/Modal.vue'
 
 export default {
   components: {
diff --git a/front/src/views/playlists/List.vue b/front/src/views/playlists/List.vue
index 177775e32..07dfeb85b 100644
--- a/front/src/views/playlists/List.vue
+++ b/front/src/views/playlists/List.vue
@@ -140,11 +140,11 @@
 import axios from 'axios'
 import $ from 'jquery'
 
-import OrderingMixin from '@/components/mixins/Ordering.vue'
-import PaginationMixin from '@/components/mixins/Pagination.vue'
-import TranslationsMixin from '@/components/mixins/Translations.vue'
-import PlaylistCardList from '@/components/playlists/CardList.vue'
-import Pagination from '@/components/Pagination.vue'
+import OrderingMixin from '~/components/mixins/Ordering.vue'
+import PaginationMixin from '~/components/mixins/Pagination.vue'
+import TranslationsMixin from '~/components/mixins/Translations.vue'
+import PlaylistCardList from '~/components/playlists/CardList.vue'
+import Pagination from '~/components/Pagination.vue'
 
 const FETCH_URL = 'playlists/'
 
diff --git a/front/src/views/radios/Detail.vue b/front/src/views/radios/Detail.vue
index 0fb038512..20709fffb 100644
--- a/front/src/views/radios/Detail.vue
+++ b/front/src/views/radios/Detail.vue
@@ -111,9 +111,9 @@
 
 <script>
 import axios from 'axios'
-import TrackTable from '@/components/audio/track/Table.vue'
-import RadioButton from '@/components/radios/Button.vue'
-import Pagination from '@/components/Pagination.vue'
+import TrackTable from '~/components/audio/track/Table.vue'
+import RadioButton from '~/components/radios/Button.vue'
+import Pagination from '~/components/Pagination.vue'
 
 export default {
   components: {
diff --git a/front/tests/unit/specs/audio/volume.spec.js b/front/tests/unit/specs/audio/volume.spec.js
index 178af5621..24412345f 100644
--- a/front/tests/unit/specs/audio/volume.spec.js
+++ b/front/tests/unit/specs/audio/volume.spec.js
@@ -1,6 +1,6 @@
 import { expect } from 'chai'
 
-import { toLinearVolumeScale, toLogarithmicVolumeScale } from '@/audio/volume'
+import { toLinearVolumeScale, toLogarithmicVolumeScale } from '~/audio/volume'
 
 describe('store/auth', () => {
     describe('toLinearVolumeScale', () => {
diff --git a/front/tests/unit/specs/components/common.spec.js b/front/tests/unit/specs/components/common.spec.js
index c0ae3a65e..32101b75c 100644
--- a/front/tests/unit/specs/components/common.spec.js
+++ b/front/tests/unit/specs/components/common.spec.js
@@ -1,6 +1,6 @@
 import {expect} from 'chai'
 
-import Username from '@/components/common/Username.vue'
+import Username from '~/components/common/Username.vue'
 
 import { render } from '../../utils'
 
diff --git a/front/tests/unit/specs/components/forms.spec.js b/front/tests/unit/specs/components/forms.spec.js
index 8667ff782..085dad4db 100644
--- a/front/tests/unit/specs/components/forms.spec.js
+++ b/front/tests/unit/specs/components/forms.spec.js
@@ -1,5 +1,5 @@
 import { expect } from 'chai'
-import PasswordInput from '@/components/forms/PasswordInput.vue'
+import PasswordInput from '~/components/forms/PasswordInput.vue'
 import { shallowMount } from '@vue/test-utils'
 const sinon = require('sinon')
 
diff --git a/front/tests/unit/specs/filters/filters.spec.js b/front/tests/unit/specs/filters/filters.spec.js
index 48a487dba..a8b8394f0 100644
--- a/front/tests/unit/specs/filters/filters.spec.js
+++ b/front/tests/unit/specs/filters/filters.spec.js
@@ -1,6 +1,6 @@
 import {expect} from 'chai'
 import moment from 'moment'
-import {truncate, ago, capitalize, year, unique} from '@/filters'
+import {truncate, ago, capitalize, year, unique} from '~/filters'
 
 describe('filters', () => {
   describe('truncate', () => {
diff --git a/front/tests/unit/specs/search.spec.js b/front/tests/unit/specs/search.spec.js
index 5cc551b20..24506339c 100644
--- a/front/tests/unit/specs/search.spec.js
+++ b/front/tests/unit/specs/search.spec.js
@@ -1,6 +1,6 @@
 import {expect} from 'chai'
 
-import {normalizeQuery, parseTokens, compileTokens} from '@/search'
+import {normalizeQuery, parseTokens, compileTokens} from '~/search'
 
 describe('search', () => {
   it('normalizeQuery returns correct tokens', () => {
diff --git a/front/tests/unit/specs/store/auth.spec.js b/front/tests/unit/specs/store/auth.spec.js
index 3a23aac3b..8291e7d32 100644
--- a/front/tests/unit/specs/store/auth.spec.js
+++ b/front/tests/unit/specs/store/auth.spec.js
@@ -2,7 +2,7 @@ var sinon = require('sinon')
 import {expect} from 'chai'
 
 import moxios from 'moxios'
-import store from '@/store/auth'
+import store from '~/store/auth'
 
 import { testAction } from '../../utils'
 
diff --git a/front/tests/unit/specs/store/favorites.spec.js b/front/tests/unit/specs/store/favorites.spec.js
index 1c0f29a9d..3f8d53c58 100644
--- a/front/tests/unit/specs/store/favorites.spec.js
+++ b/front/tests/unit/specs/store/favorites.spec.js
@@ -1,6 +1,6 @@
 import {expect} from 'chai'
 
-import store from '@/store/favorites'
+import store from '~/store/favorites'
 
 import { testAction } from '../../utils'
 
diff --git a/front/tests/unit/specs/store/instance.spec.js b/front/tests/unit/specs/store/instance.spec.js
index 5ae771c75..10cad8070 100644
--- a/front/tests/unit/specs/store/instance.spec.js
+++ b/front/tests/unit/specs/store/instance.spec.js
@@ -2,7 +2,7 @@ import {expect} from 'chai'
 var sinon = require('sinon')
 import axios from 'axios'
 import moxios from 'moxios'
-import store from '@/store/instance'
+import store from '~/store/instance'
 import { testAction } from '../../utils'
 
 describe('store/instance', () => {
diff --git a/front/tests/unit/specs/store/player.spec.js b/front/tests/unit/specs/store/player.spec.js
index b40642842..e11082e2b 100644
--- a/front/tests/unit/specs/store/player.spec.js
+++ b/front/tests/unit/specs/store/player.spec.js
@@ -1,6 +1,6 @@
 import {expect} from 'chai'
 
-import store from '@/store/player'
+import store from '~/store/player'
 
 import { testAction } from '../../utils'
 
diff --git a/front/tests/unit/specs/store/playlists.spec.js b/front/tests/unit/specs/store/playlists.spec.js
index 0fe0c0ae2..d5353787e 100644
--- a/front/tests/unit/specs/store/playlists.spec.js
+++ b/front/tests/unit/specs/store/playlists.spec.js
@@ -1,7 +1,7 @@
 import {expect} from 'chai'
 var sinon = require('sinon')
 import moxios from 'moxios'
-import store from '@/store/playlists'
+import store from '~/store/playlists'
 
 import { testAction } from '../../utils'
 
diff --git a/front/tests/unit/specs/store/queue.spec.js b/front/tests/unit/specs/store/queue.spec.js
index bb1ada4c3..f60394fe1 100644
--- a/front/tests/unit/specs/store/queue.spec.js
+++ b/front/tests/unit/specs/store/queue.spec.js
@@ -1,7 +1,7 @@
 var sinon = require('sinon')
 import {expect} from 'chai'
 
-import store from '@/store/queue'
+import store from '~/store/queue'
 import { testAction } from '../../utils'
 
 describe('store/queue', () => {
diff --git a/front/tests/unit/specs/store/radios.spec.js b/front/tests/unit/specs/store/radios.spec.js
index a4d348d0f..835cf9b6b 100644
--- a/front/tests/unit/specs/store/radios.spec.js
+++ b/front/tests/unit/specs/store/radios.spec.js
@@ -2,7 +2,7 @@ var sinon = require('sinon')
 import {expect} from 'chai'
 
 import moxios from 'moxios'
-import store from '@/store/radios'
+import store from '~/store/radios'
 import { testAction } from '../../utils'
 
 describe('store/radios', () => {
diff --git a/front/tests/unit/specs/utils.spec.js b/front/tests/unit/specs/utils.spec.js
index 9fc9c36b7..8ce8470de 100644
--- a/front/tests/unit/specs/utils.spec.js
+++ b/front/tests/unit/specs/utils.spec.js
@@ -1,6 +1,6 @@
 import {expect} from 'chai'
 
-import {parseAPIErrors} from '@/utils'
+import {parseAPIErrors} from '~/utils'
 
 describe('utils', () => {
   describe('parseAPIErrors', () => {
diff --git a/front/tests/unit/specs/views/admin/library.spec.js b/front/tests/unit/specs/views/admin/library.spec.js
index dbe65f2dd..fcae95eeb 100644
--- a/front/tests/unit/specs/views/admin/library.spec.js
+++ b/front/tests/unit/specs/views/admin/library.spec.js
@@ -1,11 +1,11 @@
 const sinon = require('sinon')
 import { expect } from 'chai'
 import { shallowMount, createLocalVue, RouterLinkStub } from '@vue/test-utils'
-import AlbumDetail from '@/views/admin/library/AlbumDetail.vue'
+import AlbumDetail from '~/views/admin/library/AlbumDetail.vue'
 import GetTextPlugin from 'vue-gettext'
 
-import HumanDate from '@/components/common/HumanDate.vue'
-import DangerousButton from '@/components/common/DangerousButton.vue'
+import HumanDate from '~/components/common/HumanDate.vue'
+import DangerousButton from '~/components/common/DangerousButton.vue'
 
 describe('views/admin/library', () => {
 
diff --git a/front/tsconfig.json b/front/tsconfig.json
index 6748c54ac..8055feec4 100644
--- a/front/tsconfig.json
+++ b/front/tsconfig.json
@@ -23,8 +23,7 @@
       "vue-gettext/types"
     ],
     "paths": {
-      "~/*": ["src/*"],
-      "@/*": ["src/*"]
+      "~/*": ["src/*"]
     }
   },
   "vueCompilerOptions": {
diff --git a/front/vite.config.ts b/front/vite.config.ts
index 65f96e19e..172168d93 100644
--- a/front/vite.config.ts
+++ b/front/vite.config.ts
@@ -40,10 +40,7 @@ export default defineConfig(() => ({
   server: { port, hmr },
   resolve: {
     alias: {
-      '~': path.resolve(__dirname, './src'),
-
-      // TODO (wvffle): Remove @/dependency from all files as `@` is used as an organization prefix
-      '@': path.resolve(__dirname, './src')
+      '~': path.resolve(__dirname, './src')
     }
   },
   build: {
diff --git a/front/yarn.lock b/front/yarn.lock
index 512c713c7..ff95ef80b 100644
--- a/front/yarn.lock
+++ b/front/yarn.lock
@@ -1369,7 +1369,7 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jquery@^3.5.14":
+"@types/jquery@3.5.14":
   version "3.5.14"
   resolved "https://registry.yarnpkg.com/@types/jquery/-/jquery-3.5.14.tgz#ac8e11ee591e94d4d58da602cb3a5a8320dee577"
   integrity sha512-X1gtMRMbziVQkErhTQmSe2jFwwENA/Zr+PprCkF63vFq+Yt5PZ4AlKqgmeNlwgn7dhsXEK888eIW2520EpC+xg==
@@ -1386,7 +1386,7 @@
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
-"@types/lodash-es@^4.17.6":
+"@types/lodash-es@4.17.6":
   version "4.17.6"
   resolved "https://registry.yarnpkg.com/@types/lodash-es/-/lodash-es-4.17.6.tgz#c2ed4c8320ffa6f11b43eb89e9eaeec65966a0a0"
   integrity sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==
@@ -1440,7 +1440,22 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.19.0":
+"@typescript-eslint/eslint-plugin@5.19.0":
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.19.0.tgz#9608a4b6d0427104bccf132f058cba629a6553c0"
+  integrity sha512-w59GpFqDYGnWFim9p6TGJz7a3qWeENJuAKCqjGSx+Hq/bwq3RZwXYqy98KIfN85yDqz9mq6QXiY5h0FjGQLyEg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.19.0"
+    "@typescript-eslint/type-utils" "5.19.0"
+    "@typescript-eslint/utils" "5.19.0"
+    debug "^4.3.2"
+    functional-red-black-tree "^1.0.1"
+    ignore "^5.1.8"
+    regexpp "^3.2.0"
+    semver "^7.3.5"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/eslint-plugin@^5.0.0":
   version "5.29.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.29.0.tgz#c67794d2b0fd0b4a47f50266088acdc52a08aab6"
   integrity sha512-kgTsISt9pM53yRFQmLZ4npj99yGl3x3Pl7z4eA66OuTzAGC4bQB5H5fuLwPnqTKU3yyrrg4MIhjF17UYnL4c0w==
@@ -1465,6 +1480,14 @@
     "@typescript-eslint/typescript-estree" "5.29.0"
     debug "^4.3.4"
 
+"@typescript-eslint/scope-manager@5.19.0":
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.19.0.tgz#97e59b0bcbcb54dbcdfba96fc103b9020bbe9cb4"
+  integrity sha512-Fz+VrjLmwq5fbQn5W7cIJZ066HxLMKvDEmf4eu1tZ8O956aoX45jAuBB76miAECMTODyUxH61AQM7q4/GOMQ5g==
+  dependencies:
+    "@typescript-eslint/types" "5.19.0"
+    "@typescript-eslint/visitor-keys" "5.19.0"
+
 "@typescript-eslint/scope-manager@5.29.0":
   version "5.29.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.29.0.tgz#2a6a32e3416cb133e9af8dcf54bf077a916aeed3"
@@ -1473,6 +1496,15 @@
     "@typescript-eslint/types" "5.29.0"
     "@typescript-eslint/visitor-keys" "5.29.0"
 
+"@typescript-eslint/type-utils@5.19.0":
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.19.0.tgz#80f2125b0dfe82494bbae1ea99f1c0186d420282"
+  integrity sha512-O6XQ4RI4rQcBGshTQAYBUIGsKqrKeuIOz9v8bckXZnSeXjn/1+BDZndHLe10UplQeJLXDNbaZYrAytKNQO2T4Q==
+  dependencies:
+    "@typescript-eslint/utils" "5.19.0"
+    debug "^4.3.2"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/type-utils@5.29.0":
   version "5.29.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.29.0.tgz#241918001d164044020b37d26d5b9f4e37cc3d5d"
@@ -1482,11 +1514,29 @@
     debug "^4.3.4"
     tsutils "^3.21.0"
 
+"@typescript-eslint/types@5.19.0":
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.19.0.tgz#12d3d600d754259da771806ee8b2c842d3be8d12"
+  integrity sha512-zR1ithF4Iyq1wLwkDcT+qFnhs8L5VUtjgac212ftiOP/ZZUOCuuF2DeGiZZGQXGoHA50OreZqLH5NjDcDqn34w==
+
 "@typescript-eslint/types@5.29.0":
   version "5.29.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.29.0.tgz#7861d3d288c031703b2d97bc113696b4d8c19aab"
   integrity sha512-X99VbqvAXOMdVyfFmksMy3u8p8yoRGITgU1joBJPzeYa0rhdf5ok9S56/itRoUSh99fiDoMtarSIJXo7H/SnOg==
 
+"@typescript-eslint/typescript-estree@5.19.0":
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.19.0.tgz#fc987b8f62883f9ea6a5b488bdbcd20d33c0025f"
+  integrity sha512-dRPuD4ocXdaE1BM/dNR21elSEUPKaWgowCA0bqJ6YbYkvtrPVEvZ+zqcX5a8ECYn3q5iBSSUcBBD42ubaOp0Hw==
+  dependencies:
+    "@typescript-eslint/types" "5.19.0"
+    "@typescript-eslint/visitor-keys" "5.19.0"
+    debug "^4.3.2"
+    globby "^11.0.4"
+    is-glob "^4.0.3"
+    semver "^7.3.5"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/typescript-estree@5.29.0":
   version "5.29.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.29.0.tgz#e83d19aa7fd2e74616aab2f25dfbe4de4f0b5577"
@@ -1500,6 +1550,18 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
+"@typescript-eslint/utils@5.19.0":
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.19.0.tgz#fe87f1e3003d9973ec361ed10d36b4342f1ded1e"
+  integrity sha512-ZuEckdupXpXamKvFz/Ql8YnePh2ZWcwz7APICzJL985Rp5C2AYcHO62oJzIqNhAMtMK6XvrlBTZeNG8n7gS3lQ==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    "@typescript-eslint/scope-manager" "5.19.0"
+    "@typescript-eslint/types" "5.19.0"
+    "@typescript-eslint/typescript-estree" "5.19.0"
+    eslint-scope "^5.1.1"
+    eslint-utils "^3.0.0"
+
 "@typescript-eslint/utils@5.29.0":
   version "5.29.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.29.0.tgz#775046effd5019667bd086bcf326acbe32cd0082"
@@ -1512,6 +1574,14 @@
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
+"@typescript-eslint/visitor-keys@5.19.0":
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.19.0.tgz#c84ebc7f6c744707a361ca5ec7f7f64cd85b8af6"
+  integrity sha512-Ym7zZoMDZcAKWsULi2s7UMLREdVQdScPQ/fKWMYefarCztWlHPFVJo8racf8R0Gc8FAEJ2eD4of8As1oFtnQlQ==
+  dependencies:
+    "@typescript-eslint/types" "5.19.0"
+    eslint-visitor-keys "^3.0.0"
+
 "@typescript-eslint/visitor-keys@5.29.0":
   version "5.29.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.29.0.tgz#7a4749fa7ef5160c44a451bf060ac1dc6dfb77ee"
@@ -1668,7 +1738,7 @@
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.1.4.tgz#b4aec2f4b4599e11ba774a50c67fa378c9824e53"
   integrity sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ==
 
-"@vue/eslint-config-standard@^6.1.0":
+"@vue/eslint-config-standard@6.1.0":
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/@vue/eslint-config-standard/-/eslint-config-standard-6.1.0.tgz#b362ba67c86caa4e7b44481c2303c9dccc2dc037"
   integrity sha512-9+hrEyflDzsGdlBDl9jPV5DIYUx1TOU5OSQqRDKCrNumrxRj5HRWKuk+ocXWnha6uoNRtLC24mY7d/MwqvBCNw==
@@ -1677,7 +1747,7 @@
     eslint-import-resolver-node "^0.3.4"
     eslint-import-resolver-webpack "^0.13.1"
 
-"@vue/eslint-config-typescript@^10.0.0":
+"@vue/eslint-config-typescript@10.0.0":
   version "10.0.0"
   resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-10.0.0.tgz#3b63c8cf276962cb89414857581b9b424acf2820"
   integrity sha512-F94cL8ug3FaYXlCfU5/wiGjk1qeadmoBpRGAOBq+qre3Smdupa59dd6ZJrsfRODpsMPyTG7330juMDsUvpZ3Rw==
@@ -3209,7 +3279,7 @@ eslint-visitor-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.1.0, eslint-visitor-keys@^3.3.0:
+eslint-visitor-keys@^3.0.0, eslint-visitor-keys@^3.1.0, eslint-visitor-keys@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
   integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
@@ -3641,7 +3711,7 @@ globals@^9.18.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
   integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==
 
-globby@^11.1.0:
+globby@^11.0.4, globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -3802,7 +3872,7 @@ iconv-lite@0.4.24:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-ignore@^5.1.1, ignore@^5.2.0:
+ignore@^5.1.1, ignore@^5.1.8, ignore@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
   integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
@@ -6051,10 +6121,10 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-typescript@^4.6.3:
-  version "4.7.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
-  integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
+typescript@4.6.3:
+  version "4.6.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.6.3.tgz#eefeafa6afdd31d725584c67a0eaba80f6fc6c6c"
+  integrity sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==
 
 unbox-primitive@^1.0.2:
   version "1.0.2"
@@ -6099,7 +6169,7 @@ universalify@^2.0.0:
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
   integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
 
-unplugin-vue2-script-setup@^0.10.2:
+unplugin-vue2-script-setup@0.10.2:
   version "0.10.2"
   resolved "https://registry.yarnpkg.com/unplugin-vue2-script-setup/-/unplugin-vue2-script-setup-0.10.2.tgz#d1e20bfccbf49aa1d3e456663f361c824d4f8eb0"
   integrity sha512-m886AZIZCXMiAbTbOPQEk+MqmtHBX3dENheFXjcHSRetwBsD0KVDBteQVD5XrSBzDdQKeKw6IU4dV+2eGcLJ0A==