Change Webpack aliases

src/App.vue

@@ -32,19 +32,23 @@
 </template>
 
 <script>
-import TheStoreObserver from '@/layout/observers/TheStoreObserver.vue'
-import TheLocalObserver from '@/layout/observers/TheLocalObserver.vue'
-import TheMediaKeysObserver from '@/layout/observers/TheMediaKeysObserver.vue'
-import TheBackground from '@/layout/TheBackground.vue'
-import TheView from '@/layout/TheView.vue'
-import ThePlayerObserver from '@/layout/observers/ThePlayerObserver.vue'
-import TheNavbarPanel from '@/layout/panels/TheNavbarPanel.vue'
-import TheSidebarPanel from '@/layout/panels/TheSidebarPanel.vue'
-import TheQueuePanel from '@/layout/panels/TheQueuePanel.vue'
-import ThePlayerPanel from '@/layout/panels/ThePlayerPanel.vue'
-import TheVisibleArea from '@/layout/TheVisibleArea.vue'
-import TheSearchModal from '@/layout/modals/TheSearchModal.vue'
-import TheLoaderDimmer from '@/layout/TheLoaderDimmer.vue'
+import TheStoreObserver
+  from '*/components/layout/observers/TheStoreObserver.vue'
+import TheLocalObserver
+  from '*/components/layout/observers/TheLocalObserver.vue'
+import TheMediaKeysObserver
+  from '*/components/layout/observers/TheMediaKeysObserver.vue'
+import TheBackground from '*/components/layout/TheBackground.vue'
+import TheView from '*/components/layout/TheView.vue'
+import ThePlayerObserver
+  from '*/components/layout/observers/ThePlayerObserver.vue'
+import TheNavbarPanel from '*/components/layout/panels/TheNavbarPanel.vue'
+import TheSidebarPanel from '*/components/layout/panels/TheSidebarPanel.vue'
+import TheQueuePanel from '*/components/layout/panels/TheQueuePanel.vue'
+import ThePlayerPanel from '*/components/layout/panels/ThePlayerPanel.vue'
+import TheVisibleArea from '*/components/layout/TheVisibleArea.vue'
+import TheSearchModal from '*/components/layout/modals/TheSearchModal.vue'
+import TheLoaderDimmer from '*/components/layout/TheLoaderDimmer.vue'
 
 export default {
   name: 'App',

src/components/BaseCounters.vue

@@ -27,8 +27,8 @@
 </template>
 
 <script>
-import BaseLabel from '@/BaseLabel.vue'
-import { number as formatNumber } from '#/formatters'
+import BaseLabel from '*/components/BaseLabel.vue'
+import { number as formatNumber } from '*/helpers/formatters'
 
 export default {
   name: 'BaseCounters',

src/components/BaseEmbed.vue

@@ -7,8 +7,8 @@
 </template>
 
 <script>
-import { setEmbed } from '#/actions/plugins/semantic'
-import { mainEmbedOptions } from '#/data/plugins/semantic'
+import { setEmbed } from '*/helpers/actions/plugins/semantic'
+import { mainEmbedOptions } from '*/helpers/data/plugins/semantic'
 
 export default {
   name: 'BaseEmbed',

src/components/BaseImagesSection.vue

@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import BaseImage from '@/images/BaseImage.vue'
-import { collection as formatCollection } from '#/formatters'
+import BaseImage from '*/components/images/BaseImage.vue'
+import { collection as formatCollection } from '*/helpers/formatters'
 
 export default {
   name: 'BaseImagesSection',

src/components/BaseProgress.vue

@@ -22,8 +22,8 @@ import {
   incrementProgress,
   resetProgress,
   setProgressValue
-} from '#/actions/plugins/semantic'
-import { mainProgressOptions } from '#/data/plugins/semantic'
+} from '*/helpers/actions/plugins/semantic'
+import { mainProgressOptions } from '*/helpers/data/plugins/semantic'
 
 export default {
   name: 'BaseProgress',

src/components/BaseSeeker.vue

@@ -12,7 +12,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import { setSeeker } from '#/actions/plugins/semantic'
+import { setSeeker } from '*/helpers/actions/plugins/semantic'
 
 export default {
   name: 'BaseSeeker',

src/components/BaseSidebarItem.vue

@@ -22,8 +22,9 @@
 </template>
 
 <script>
-import BaseLinkContainer from '@/containers/links/BaseLinkContainer.vue'
-import BaseHeader from '@/BaseHeader.vue'
+import BaseLinkContainer
+  from '*/components/containers/links/BaseLinkContainer.vue'
+import BaseHeader from '*/components/BaseHeader.vue'
 
 export default {
   name: 'BaseSidebarItem',

src/components/BaseSourceIcon.vue

@@ -15,9 +15,9 @@
 
 <script>
 import { mapState } from 'vuex'
-import { setPopup } from '#/actions/plugins/semantic'
-import { sourcePopupOptions } from '#/data/plugins/semantic'
-import audioSources from '#/data/audio/sources'
+import { setPopup } from '*/helpers/actions/plugins/semantic'
+import { sourcePopupOptions } from '*/helpers/data/plugins/semantic'
+import audioSources from '*/helpers/data/audio/sources'
 
 export default {
   name: 'BaseSourceIcon',

src/components/BaseStatistics.vue

@@ -22,11 +22,12 @@
 
 <script>
 import { mapState } from 'vuex'
-import BaseLinkContainer from '@/containers/links/BaseLinkContainer.vue'
+import BaseLinkContainer
+  from '*/components/containers/links/BaseLinkContainer.vue'
 import {
   collection as formatCollection,
   number as formatNumber
-} from '#/formatters'
+} from '*/helpers/formatters'
 
 export default {
   name: 'BaseStatistics',

src/components/BaseTimestamp.vue

@@ -10,7 +10,7 @@
 import {
   date as formatDate,
   time as formatTime
-} from '#/formatters'
+} from '*/helpers/formatters'
 
 export default {
   name: 'BaseTimestamp',

src/components/BaseToggle.vue

@@ -10,8 +10,8 @@
 
 <script>
 import { mapState } from 'vuex'
-import { mainCheckboxOptions } from '#/data/plugins/semantic'
-import { setCheckbox, checkCheckbox } from '#/actions/plugins/semantic'
+import { mainCheckboxOptions } from '*/helpers/data/plugins/semantic'
+import { setCheckbox, checkCheckbox } from '*/helpers/actions/plugins/semantic'
 
 export default {
   name: 'BaseToggle',

src/components/BaseTracksSection.vue

@@ -8,8 +8,9 @@
 </template>
 
 <script>
-import BaseTracksSimpleList from '@/lists/tracks/BaseTracksSimpleList.vue'
-import { collection as formatCollection } from '#/formatters'
+import BaseTracksSimpleList
+  from '*/components/lists/tracks/BaseTracksSimpleList.vue'
+import { collection as formatCollection } from '*/helpers/formatters'
 
 export default {
   name: 'BaseTracksSection',

src/components/buttons/BaseClearButton.vue

@@ -9,8 +9,9 @@
 </template>
 
 <script>
-import BaseLinkContainer from '@/containers/links/BaseLinkContainer.vue'
-import BaseButton from '@/buttons/BaseButton.vue'
+import BaseLinkContainer
+  from '*/components/containers/links/BaseLinkContainer.vue'
+import BaseButton from '*/components/buttons/BaseButton.vue'
 
 export default {
   name: 'BaseClearButton',

src/components/buttons/BaseRetryButton.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import BaseButton from '@/buttons/BaseButton.vue'
+import BaseButton from '*/components/buttons/BaseButton.vue'
 
 export default {
   name: 'BaseRetryButton',

src/components/buttons/BaseSaveButton.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import BaseButton from '@/buttons/BaseButton.vue'
+import BaseButton from '*/components/buttons/BaseButton.vue'
 
 export default {
   name: 'BaseProfileLibrarySaveButton',

src/components/buttons/BaseViewChangeButtons.vue

@@ -14,7 +14,8 @@
 </template>
 
 <script>
-import BaseButtonsContainer from '@/containers/buttons/BaseButtonsContainer.vue'
+import BaseButtonsContainer
+  from '*/components/containers/buttons/BaseButtonsContainer.vue'
 import BaseViewChangeButton
   from './BaseViewChangeButtons/BaseViewChangeButton.vue'
 

src/components/buttons/BaseViewChangeButtons/BaseViewChangeButton.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import BaseButton from '@/buttons/BaseButton.vue'
+import BaseButton from '*/components/buttons/BaseButton.vue'
 
 export default {
   name: 'BaseViewChangeButton',

src/components/containers/BaseAccordionContainer.vue

@@ -22,8 +22,8 @@
 
 <script>
 import { mapState } from 'vuex'
-import { setAccordion } from '#/actions/plugins/semantic'
-import { mainAccordionOptions } from '#/data/plugins/semantic'
+import { setAccordion } from '*/helpers/actions/plugins/semantic'
+import { mainAccordionOptions } from '*/helpers/data/plugins/semantic'
 
 export default {
   name: 'BaseAccordionContainer',

src/components/containers/BaseDropdownContainer.vue

@@ -32,14 +32,14 @@
 
 <script>
 import { mapState } from 'vuex'
-import BaseHeader from '@/BaseHeader.vue'
-import BaseIcon from '@/BaseIcon.vue'
-import { mainDropdownOptions } from '#/data/plugins/semantic'
+import BaseHeader from '*/components/BaseHeader.vue'
+import BaseIcon from '*/components/BaseIcon.vue'
+import { mainDropdownOptions } from '*/helpers/data/plugins/semantic'
 import {
   setDropdown,
   setDropdownValue,
   resetDropdown
-} from '#/actions/plugins/semantic'
+} from '*/helpers/actions/plugins/semantic'
 
 export default {
   name: 'BaseDropdownContainer',

src/components/containers/BaseHistoryInputContainer.vue

@@ -8,12 +8,12 @@
 </template>
 
 <script>
-import { mainHistoryInputOptions } from '#/data/plugins/semantic'
-import { setSearch, setSearchSource } from '#/actions/plugins/semantic'
+import { mainHistoryInputOptions } from '*/helpers/data/plugins/semantic'
+import { setSearch, setSearchSource } from '*/helpers/actions/plugins/semantic'
 import {
   get as getLocalHistory,
   update as updateLocalHistory
-} from '#/actions/plugins/local/history'
+} from '*/helpers/actions/plugins/local/history'
 
 export default {
   name: 'BaseHistoryInputContainer',

src/components/containers/BaseImageModalSliderContainer.vue

@@ -17,7 +17,7 @@ import {
   clearSliderPrevImages,
   refreshSlider,
   setSliderOptions
-} from '#/actions/plugins/slick'
+} from '*/helpers/actions/plugins/slick'
 
 export default {
   name: 'BaseImageModalSliderContainer',

src/components/containers/BasePopupContainer.vue

@@ -9,7 +9,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import { toggleClass } from '#/actions/plugins/jquery'
+import { toggleClass } from '*/helpers/actions/plugins/jquery'
 
 export default {
   name: 'BasePopupContainer',

src/components/containers/BaseQueueDirectionButtonContainer.vue

@@ -13,8 +13,8 @@
 
 <script>
 import { mapState, mapGetters } from 'vuex'
-import BaseButton from '@/buttons/BaseButton.vue'
-import getQueueTrack from '#/actions/queue/track/get'
+import BaseButton from '*/components/buttons/BaseButton.vue'
+import getQueueTrack from '*/helpers/actions/queue/track/get'
 
 export default {
   name: 'BaseQueueDirectionButtonContainer',

src/components/containers/BaseSimpleCardContainer.vue

@@ -21,7 +21,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import BaseImage from '@/images/BaseImage.vue'
+import BaseImage from '*/components/images/BaseImage.vue'
 
 export default {
   name: 'BaseSimpleCardContainer',

src/components/containers/BaseTransitionContainer.vue

@@ -9,7 +9,7 @@ import {
   setVisibility,
   showTransition,
   hideTransition
-} from '#/actions/plugins/semantic'
+} from '*/helpers/actions/plugins/semantic'
 
 export default {
   name: 'BaseTransitionContainer',

src/components/containers/album/BaseAlbumLinkContainer.vue

@@ -8,17 +8,21 @@
 </template>
 
 <script>
-import BaseLinkContainer from '@/containers/links/BaseLinkContainer.vue'
+import BaseLinkContainer
+  from '*/components/containers/links/BaseLinkContainer.vue'
 import {
   main as formatProfileLibraryArtistMainLink
-} from '#/formatters/links/profile/library/artist'
-import { main as formatArtistMainLink } from '#/formatters/links/artist'
+} from '*/helpers/formatters/links/profile/library/artist'
+import {
+  main as formatArtistMainLink
+} from '*/helpers/formatters/links/artist'
 import {
   main as formatProfileLibraryAlbumMainLink,
   tracks as formatProfileLibraryAlbumTracksLink
-} from '#/formatters/links/profile/library/album'
-import { main as formatAlbumMainLink } from '#/formatters/links/album'
-import formatAlbumRequestData from '#/formatters/request/album/requestData'
+} from '*/helpers/formatters/links/profile/library/album'
+import { main as formatAlbumMainLink } from '*/helpers/formatters/links/album'
+import formatAlbumRequestData
+  from '*/helpers/formatters/request/album/requestData'
 
 export default {
   name: 'BaseAlbumLinkContainer',

src/components/containers/album/BaseAlbumSourceItemContainer.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import getSearch from '#/actions/api/search/get'
+import getSearch from '*/helpers/actions/api/search/get'
 
 export default {
   name: 'BaseAlbumSourceItemContainer',

src/components/containers/artist/BaseArtistContainer.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import getArtist from '#/actions/api/artist/get'
+import getArtist from '*/helpers/actions/api/artist/get'
 
 export default {
   name: 'BaseArtistContainer',

src/components/containers/artist/BaseArtistHorizontalCardContainer.vue

@@ -19,7 +19,7 @@
 <script>
 import { mapState } from 'vuex'
 import BaseSegmentContainer
-  from '@/containers/segments/BaseSegmentContainer.vue'
+  from '*/components/containers/segments/BaseSegmentContainer.vue'
 
 export default {
   name: 'BaseArtistHorizontalCardContainer',

src/components/containers/artist/BaseArtistLinkContainer.vue

@@ -8,13 +8,16 @@
 </template>
 
 <script>
-import BaseLinkContainer from '@/containers/links/BaseLinkContainer.vue'
+import BaseLinkContainer
+  from '*/components/containers/links/BaseLinkContainer.vue'
 import {
   main as formatProfileLibraryArtistMainLink,
   tracks as formatProfileLibraryArtistTracksLink,
   albums as formatProfileLibraryArtistAlbumsLink
-} from '#/formatters/links/profile/library/artist'
-import { main as formatArtistMainLink } from '#/formatters/links/artist'
+} from '*/helpers/formatters/links/profile/library/artist'
+import {
+  main as formatArtistMainLink
+} from '*/helpers/formatters/links/artist'
 
 export default {
   name: 'BaseArtistLinkContainer',

src/components/containers/artist/BaseArtistSourceItemContainer.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import getSearch from '#/actions/api/search/get'
+import getSearch from '*/helpers/actions/api/search/get'
 
 export default {
   name: 'BaseArtistSourceItemContainer',

src/components/containers/forms/BaseFormContainer.vue

@@ -19,8 +19,8 @@
 
 <script>
 import { mapState } from 'vuex'
-import BaseErrorMessage from '@/messages/BaseErrorMessage.vue'
-import { setForm } from '#/actions/plugins/semantic'
+import BaseErrorMessage from '*/components/messages/BaseErrorMessage.vue'
+import { setForm } from '*/helpers/actions/plugins/semantic'
 
 export default {
   name: 'BaseFormContainer',