Remove '@/'

front/package.json

@@ -141,7 +141,7 @@
       "^.+\\.js$": "babel-jest"
     },
     "moduleNameMapper": {
-      "^@/(.*)$": "<rootDir>/src/$1"
+      "^~/(.*)$": "<rootDir>/src/$1"
     },
     "testEnvironment": "jsdom"
   }

front/src/App.vue

 <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'])

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: {

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: {

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 {

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'
 

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: {

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',

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: {

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) {

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 {

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: {

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 {

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()

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: {

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: {

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: {

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],

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: {

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: {