Fix broken imports

front/src/audio/volume.js

@@ -1,6 +1,6 @@
 const DYNAMIC_RANGE = 40 // dB
 
-function toLinearVolumeScale (v) {
+export function toLinearVolumeScale (v) {
   if (v <= 0.0) {
     return 0.0
   }
@@ -11,7 +11,7 @@ function toLinearVolumeScale (v) {
   return Math.pow(10, dB / 20)
 }
 
-function toLogarithmicVolumeScale (v) {
+export function toLogarithmicVolumeScale (v) {
   if (v <= 0.0) {
     return 0.0
   }

front/src/components/Footer.vue

@@ -212,7 +212,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import ThemesMixin from '@/components/mixins/Themes'
+import ThemesMixin from '@/components/mixins/Themes.vue'
 import _ from '@/lodash'
 
 export default {

front/src/components/Queue.vue

@@ -346,7 +346,7 @@ import { mapState, mapGetters, mapActions } from 'vuex'
 import $ from 'jquery'
 import moment from 'moment'
 import lodash from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
 import { createFocusTrap } from 'focus-trap'
 
 export default {

front/src/components/admin/SettingsGroup.vue

@@ -162,7 +162,7 @@ import lodash from '@/lodash'
 
 export default {
   components: {
-    SignupFormBuilder: () => import(/* webpackChunkName: "signup-form-builder" */ '@/components/admin/SignupFormBuilder')
+    SignupFormBuilder: () => import(/* webpackChunkName: "signup-form-builder" */ '@/components/admin/SignupFormBuilder.vue')
   },
   props: {
     group: { type: Object, required: true },

front/src/components/admin/SignupFormBuilder.vue

@@ -163,7 +163,7 @@
 <script>
 import lodash from '@/lodash'
 
-import SignupForm from '@/components/auth/SignupForm'
+import SignupForm from '@/components/auth/SignupForm.vue'
 
 function arrayMove (arr, oldIndex, newIndex) {
   if (newIndex >= arr.length) {

front/src/components/audio/ChannelCard.vue

@@ -75,8 +75,8 @@
 </template>
 
 <script>
-import PlayButton from '@/components/audio/PlayButton'
+import PlayButton from '@/components/audio/PlayButton.vue'
-import TagsList from '@/components/tags/List'
+import TagsList from '@/components/tags/List.vue'
 
 import { momentFormat } from '@/filters'
 import moment from 'moment'

front/src/components/audio/ChannelEntries.vue

@@ -56,8 +56,8 @@
 <script>
 import _ from '@/lodash'
 import axios from 'axios'
-import PodcastTable from '@/components/audio/podcast/Table'
+import PodcastTable from '@/components/audio/podcast/Table.vue'
-import TrackTable from '@/components/audio/track/Table'
+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'
+import PlayButton from '@/components/audio/PlayButton.vue'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon'
+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'
+import AttachmentInput from '@/components/common/AttachmentInput.vue'
-import TagsSelector from '@/components/library/TagsSelector'
+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'
+import PlayButton from '@/components/audio/PlayButton.vue'
 
 export default {
   components: {

front/src/components/audio/ChannelSeries.vue

@@ -55,8 +55,8 @@
 <script>
 import _ from '@/lodash'
 import axios from 'axios'
-import ChannelSerieCard from '@/components/audio/ChannelSerieCard'
+import ChannelSerieCard from '@/components/audio/ChannelSerieCard.vue'
-import AlbumCard from '@/components/audio/album/Card'
+import AlbumCard from '@/components/audio/album/Card.vue'
 
 export default {
   components: {

front/src/components/audio/ChannelsWidget.vue

@@ -39,7 +39,7 @@
 <script>
 import _ from '@/lodash'
 import axios from 'axios'
-import ChannelCard from '@/components/audio/ChannelCard'
+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'
+import ReportMixin from '@/components/mixins/Report.vue'
-import PlayOptionsMixin from '@/components/mixins/PlayOptions'
+import PlayOptionsMixin from '@/components/mixins/PlayOptions.vue'
 
 export default {
   mixins: [ReportMixin, PlayOptionsMixin],

front/src/components/audio/Search.vue

@@ -72,8 +72,8 @@
 import _ from '@/lodash'
 import axios from 'axios'
 import logger from '@/logging'
-import AlbumCard from '@/components/audio/album/Card'
+import AlbumCard from '@/components/audio/album/Card.vue'
-import ArtistCard from '@/components/audio/artist/Card'
+import ArtistCard from '@/components/audio/artist/Card.vue'
 
 export default {
   components: {

front/src/components/audio/SearchBar.vue

@@ -24,7 +24,7 @@
 import jQuery from 'jquery'
 import router from '@/router'
 import lodash from '@/lodash'
-import GlobalEvents from '@/components/utils/global-events'
+import GlobalEvents from '@/components/utils/global-events.vue'
 
 export default {
   components: {

front/src/components/audio/album/Card.vue

@@ -54,7 +54,7 @@
 </template>
 
 <script>
-import PlayButton from '@/components/audio/PlayButton'
+import PlayButton from '@/components/audio/PlayButton.vue'
 
 export default {
   components: {

front/src/components/audio/artist/Card.vue

@@ -61,8 +61,8 @@
 </template>
 
 <script>
-import PlayButton from '@/components/audio/PlayButton'
+import PlayButton from '@/components/audio/PlayButton.vue'
-import TagsList from '@/components/tags/List'
+import TagsList from '@/components/tags/List.vue'
 
 export default {
   components: {

front/src/components/audio/artist/Widget.vue

@@ -52,7 +52,7 @@
 
 <script>
 import axios from 'axios'
-import ArtistCard from '@/components/audio/artist/Card'
+import ArtistCard from '@/components/audio/artist/Card.vue'
 
 export default {
   components: {

front/src/components/audio/podcast/MobileRow.vue

@@ -139,9 +139,9 @@
 
 <script>
 import { mapActions, mapGetters } from 'vuex'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon'
+import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon.vue'
-import TrackModal from '@/components/audio/track/Modal'
+import TrackModal from '@/components/audio/track/Modal.vue'
-import PlayOptionsMixin from '@/components/mixins/PlayOptions'
+import PlayOptionsMixin from '@/components/mixins/PlayOptions.vue'
 
 export default {
 

front/src/components/audio/podcast/Modal.vue

@@ -226,9 +226,9 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
-import ReportMixin from '@/components/mixins/Report'
+import ReportMixin from '@/components/mixins/Report.vue'
-import PlayOptionsMixin from '@/components/mixins/PlayOptions'
+import PlayOptionsMixin from '@/components/mixins/PlayOptions.vue'
 
 export default {
   components: {

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'
+import PlayButton from '@/components/audio/PlayButton.vue'
-import PlayOptions from '@/components/mixins/PlayOptions'
+import PlayOptions from '@/components/mixins/PlayOptions.vue'
 
 export default {
 

front/src/components/audio/podcast/Table.vue

@@ -77,9 +77,9 @@
 </template>
 
 <script>
-import PodcastRow from '@/components/audio/podcast/Row'
+import PodcastRow from '@/components/audio/podcast/Row.vue'
-import TrackMobileRow from '@/components/audio/track/MobileRow'
+import TrackMobileRow from '@/components/audio/track/MobileRow.vue'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
 
 export default {
   components: {

front/src/components/audio/track/MobileRow.vue

@@ -122,9 +122,9 @@
 
 <script>
 import { mapActions, mapGetters } from 'vuex'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon'
+import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon.vue'
-import TrackModal from '@/components/audio/track/Modal'
+import TrackModal from '@/components/audio/track/Modal.vue'
-import PlayOptionsMixin from '@/components/mixins/PlayOptions'
+import PlayOptionsMixin from '@/components/mixins/PlayOptions.vue'
 
 export default {
 

front/src/components/audio/track/Modal.vue

@@ -226,9 +226,9 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
-import ReportMixin from '@/components/mixins/Report'
+import ReportMixin from '@/components/mixins/Report.vue'
-import PlayOptionsMixin from '@/components/mixins/PlayOptions'
+import PlayOptionsMixin from '@/components/mixins/PlayOptions.vue'
 
 export default {
   components: {

front/src/components/audio/track/Row.vue

@@ -180,11 +180,11 @@
 </template>
 
 <script>
-import PlayIndicator from '@/components/audio/track/PlayIndicator'
+import PlayIndicator from '@/components/audio/track/PlayIndicator.vue'
 import { mapActions, mapGetters } from 'vuex'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon'
+import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon.vue'
-import PlayButton from '@/components/audio/PlayButton'
+import PlayButton from '@/components/audio/PlayButton.vue'
-import PlayOptions from '@/components/mixins/PlayOptions'
+import PlayOptions from '@/components/mixins/PlayOptions.vue'
 
 export default {
 

front/src/components/audio/track/Table.vue

@@ -160,9 +160,9 @@
 <script>
 import _ from '@/lodash'
 import axios from 'axios'
-import TrackRow from '@/components/audio/track/Row'
+import TrackRow from '@/components/audio/track/Row.vue'
-import TrackMobileRow from '@/components/audio/track/MobileRow'
+import TrackMobileRow from '@/components/audio/track/MobileRow.vue'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
 
 export default {
   components: {

front/src/components/audio/track/Widget.vue

@@ -137,8 +137,8 @@
 <script>
 import _ from '@/lodash'
 import axios from 'axios'
-import PlayButton from '@/components/audio/PlayButton'
+import PlayButton from '@/components/audio/PlayButton.vue'
-import TagsList from '@/components/tags/List'
+import TagsList from '@/components/tags/List.vue'
 
 export default {
   components: {

front/src/components/auth/ApplicationEdit.vue

@@ -78,7 +78,7 @@
 <script>
 import axios from 'axios'
 
-import ApplicationForm from '@/components/auth/ApplicationForm'
+import ApplicationForm from '@/components/auth/ApplicationForm.vue'
 
 export default {
   components: {

front/src/components/auth/ApplicationForm.vue

@@ -121,7 +121,7 @@
 <script>
 import _ from '@/lodash'
 import axios from 'axios'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
 
 export default {
   mixins: [TranslationsMixin],

front/src/components/auth/ApplicationNew.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import ApplicationForm from '@/components/auth/ApplicationForm'
+import ApplicationForm from '@/components/auth/ApplicationForm.vue'
 
 export default {
   components: {

front/src/components/auth/Authorize.vue

@@ -142,7 +142,7 @@
 </template>
 
 <script>
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
 
 import axios from 'axios'
 

front/src/components/auth/Settings.vue

@@ -699,10 +699,10 @@
 import $ from 'jquery'
 import axios from 'axios'
 import logger from '@/logging'
-import PasswordInput from '@/components/forms/PasswordInput'
+import PasswordInput from '@/components/forms/PasswordInput.vue'
-import SubsonicTokenForm from '@/components/auth/SubsonicTokenForm'
+import SubsonicTokenForm from '@/components/auth/SubsonicTokenForm.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
-import AttachmentInput from '@/components/common/AttachmentInput'
+import AttachmentInput from '@/components/common/AttachmentInput.vue'
 
 export default {
   components: {

front/src/components/auth/SignupForm.vue

@@ -156,8 +156,8 @@
 import axios from 'axios'
 import logger from '@/logging'
 
-import LoginForm from '@/components/auth/LoginForm'
+import LoginForm from '@/components/auth/LoginForm.vue'
-import PasswordInput from '@/components/forms/PasswordInput'
+import PasswordInput from '@/components/forms/PasswordInput.vue'
 
 export default {
   components: {

front/src/components/auth/SubsonicTokenForm.vue

@@ -145,7 +145,7 @@
 
 <script>
 import axios from 'axios'
-import PasswordInput from '@/components/forms/PasswordInput'
+import PasswordInput from '@/components/forms/PasswordInput.vue'
 
 export default {
   components: {

front/src/components/channels/AlbumModal.vue

@@ -48,8 +48,8 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
-import ChannelAlbumForm from '@/components/channels/AlbumForm'
+import ChannelAlbumForm from '@/components/channels/AlbumForm.vue'
 
 export default {
   components: {

front/src/components/channels/SubscribeButton.vue

@@ -39,7 +39,7 @@
 </template>
 
 <script>
-import LoginModal from '@/components/common/LoginModal'
+import LoginModal from '@/components/common/LoginModal.vue'
 
 export default {
   components: {

front/src/components/channels/UploadForm.vue

@@ -239,10 +239,10 @@
 import axios from 'axios'
 import $ from 'jquery'
 
-import LicenseSelect from '@/components/channels/LicenseSelect'
+import LicenseSelect from '@/components/channels/LicenseSelect.vue'
-import AlbumSelect from '@/components/channels/AlbumSelect'
+import AlbumSelect from '@/components/channels/AlbumSelect.vue'
-import FileUploadWidget from '@/components/library/FileUploadWidget'
+import FileUploadWidget from '@/components/library/FileUploadWidget.vue'
-import UploadMetadataForm from '@/components/channels/UploadMetadataForm'
+import UploadMetadataForm from '@/components/channels/UploadMetadataForm.vue'
 
 function setIfEmpty (obj, k, v) {
   if (obj[k] !== undefined) {

front/src/components/channels/UploadMetadataForm.vue

@@ -58,8 +58,8 @@
 </template>
 
 <script>
-import TagsSelector from '@/components/library/TagsSelector'
+import TagsSelector from '@/components/library/TagsSelector.vue'
-import AttachmentInput from '@/components/common/AttachmentInput'
+import AttachmentInput from '@/components/common/AttachmentInput.vue'
 
 export default {
   components: {

front/src/components/common/DangerousButton.vue

@@ -43,7 +43,7 @@
   </button>
 </template>
 <script>
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
 
 export default {
   components: {

front/src/components/common/LoginModal.vue

@@ -51,7 +51,7 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
 
 export default {
   components: {

front/src/components/common/UserMenu.vue

@@ -155,7 +155,7 @@
 
 import { mapGetters } from 'vuex'
 
-import ThemesMixin from '@/components/mixins/Themes'
+import ThemesMixin from '@/components/mixins/Themes.vue'
 
 export default {
   mixins: [ThemesMixin],

front/src/components/common/UserModal.vue

@@ -174,8 +174,8 @@
 </template>
 
 <script>
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
-import ThemesMixin from '@/components/mixins/Themes'
+import ThemesMixin from '@/components/mixins/Themes.vue'
 import { mapGetters } from 'vuex'
 
 export default {

front/src/components/favorites/List.vue

@@ -136,13 +136,13 @@
 import axios from 'axios'
 import $ from 'jquery'
 import logger from '@/logging'
-import RadioButton from '@/components/radios/Button'
+import RadioButton from '@/components/radios/Button.vue'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import PaginationMixin from '@/components/mixins/Pagination'
+import PaginationMixin from '@/components/mixins/Pagination.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
 import { checkRedirectToLogin } from '@/utils'
-import TrackTable from '@/components/audio/track/Table'
+import TrackTable from '@/components/audio/track/Table.vue'
 const FAVORITES_URL = 'tracks/'
 
 export default {

front/src/components/federation/FetchButton.vue

@@ -213,7 +213,7 @@
 
 <script>
 import axios from 'axios'
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
 
 export default {
   components: {

front/src/components/federation/LibraryWidget.vue

@@ -55,7 +55,7 @@
 <script>
 import _ from '@/lodash'
 import axios from 'axios'
-import LibraryCard from '@/views/content/remote/Card'
+import LibraryCard from '@/views/content/remote/Card.vue'
 
 export default {
   components: {

front/src/components/library/AlbumDetail.vue

@@ -92,7 +92,7 @@
 
 <script>
 
-import time from '@/utils/time.vue'
+import time from '@/utils/time.js'
 import LibraryWidget from '@/components/federation/LibraryWidget.vue'
 import ChannelEntries from '@/components/audio/ChannelEntries.vue'
 import TrackTable from '@/components/audio/track/Table.vue'

front/src/components/library/AlbumDropdown.vue

@@ -127,9 +127,9 @@
   </span>
 </template>
 <script>
-import EmbedWizard from '@/components/audio/EmbedWizard'
+import EmbedWizard from '@/components/audio/EmbedWizard.vue'
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
-import ReportMixin from '@/components/mixins/Report'
+import ReportMixin from '@/components/mixins/Report.vue'
 
 import { getDomain } from '@/utils'
 

front/src/components/library/AlbumEdit.vue

@@ -36,7 +36,7 @@
 </template>
 
 <script>
-import EditForm from '@/components/library/EditForm'
+import EditForm from '@/components/library/EditForm.vue'
 export default {
   components: {
     EditForm

front/src/components/library/ArtistBase.vue

@@ -215,15 +215,15 @@
 
 <script>
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '@/logging.js'
-import PlayButton from '@/components/audio/PlayButton'
+import PlayButton from '@/components/audio/PlayButton.vue'
-import EmbedWizard from '@/components/audio/EmbedWizard'
+import EmbedWizard from '@/components/audio/EmbedWizard.vue'
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
-import RadioButton from '@/components/radios/Button'
+import RadioButton from '@/components/radios/Button.vue'
-import TagsList from '@/components/tags/List'
+import TagsList from '@/components/tags/List.vue'
-import ReportMixin from '@/components/mixins/Report'
+import ReportMixin from '@/components/mixins/Report.vue'
 
-import { getDomain } from '@/utils'
+import { getDomain } from '@/utils.js'
 
 export default {
   components: {

front/src/components/library/ArtistDetail.vue

@@ -105,9 +105,9 @@
 
 <script>
 import axios from 'axios'
-import AlbumCard from '@/components/audio/album/Card'
+import AlbumCard from '@/components/audio/album/Card.vue'
-import TrackTable from '@/components/audio/track/Table'
+import TrackTable from '@/components/audio/track/Table.vue'
-import LibraryWidget from '@/components/federation/LibraryWidget'
+import LibraryWidget from '@/components/federation/LibraryWidget.vue'
 
 export default {
   components: {

front/src/components/library/ArtistEdit.vue

@@ -36,7 +36,7 @@
 </template>
 
 <script>
-import EditForm from '@/components/library/EditForm'
+import EditForm from '@/components/library/EditForm.vue'
 export default {
   components: {
     EditForm

front/src/components/library/Artists.vue

@@ -167,7 +167,7 @@ import qs from 'qs'
 import axios from 'axios'
 import $ from 'jquery'
 
-import logger from '@/logging'
+import logger from '@/logging.js'
 
 import OrderingMixin from '@/components/mixins/Ordering.vue'
 import PaginationMixin from '@/components/mixins/Pagination.vue'

front/src/components/library/EditCard.vue

@@ -215,7 +215,7 @@
 import axios from 'axios'
 import { diffWordsWithSpace } from 'diff'
 
-import edits from '@/edits'
+import edits from '@/edits.js'
 
 function castValue (value) {
   if (value === null || value === undefined) {

front/src/components/library/EditDetail.vue

@@ -12,8 +12,8 @@
 
 <script>
 import axios from 'axios'
-import edits from '@/edits'
+import edits from '@/edits.js'
-import EditCard from '@/components/library/EditCard'
+import EditCard from '@/components/library/EditCard.vue'
 export default {
   components: {
     EditCard

front/src/components/library/EditForm.vue

@@ -240,13 +240,13 @@
 
 <script>
 import $ from 'jquery'
-import _ from '@/lodash'
+import _ from '@/lodash.js'
 import axios from 'axios'
-import AttachmentInput from '@/components/common/AttachmentInput'
+import AttachmentInput from '@/components/common/AttachmentInput.vue'
-import EditList from '@/components/library/EditList'
+import EditList from '@/components/library/EditList.vue'
-import EditCard from '@/components/library/EditCard'
+import EditCard from '@/components/library/EditCard.vue'
-import TagsSelector from '@/components/library/TagsSelector'
+import TagsSelector from '@/components/library/TagsSelector.vue'
-import edits from '@/edits'
+import edits from '@/edits.js'
 
 export default {
   components: {

front/src/components/library/EditList.vue

@@ -42,10 +42,10 @@
 </template>
 
 <script>
-import _ from '@/lodash'
+import _ from '@/lodash.js'
 import axios from 'axios'
 
-import EditCard from '@/components/library/EditCard'
+import EditCard from '@/components/library/EditCard.vue'
 
 export default {
   components: {

front/src/components/library/FileUpload.vue

@@ -311,12 +311,12 @@
 </template>
 
 <script>
-import _ from '@/lodash'
+import _ from '@/lodash.js'
 import axios from 'axios'
-import FileUploadWidget from './FileUploadWidget'
+import FileUploadWidget from './FileUploadWidget.vue'
-import FsBrowser from './FsBrowser'
+import FsBrowser from './FsBrowser.vue'
-import FsLogs from './FsLogs'
+import FsLogs from './FsLogs.vue'
-import LibraryFilesTable from '@/views/content/libraries/FilesTable'
+import LibraryFilesTable from '@/views/content/libraries/FilesTable.vue'
 import moment from 'moment'
 
 export default {

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.js'
 
 export default {
   extends: FileUpload,

front/src/components/library/Home.vue

@@ -72,11 +72,11 @@
 
 <script>
 import axios from 'axios'
-import logger from '@/logging'
+import logger from '@/logging.js'
-import ChannelsWidget from '@/components/audio/ChannelsWidget'
+import ChannelsWidget from '@/components/audio/ChannelsWidget.vue'
-import TrackWidget from '@/components/audio/track/Widget'
+import TrackWidget from '@/components/audio/track/Widget.vue'
-import AlbumWidget from '@/components/audio/album/Widget'
+import AlbumWidget from '@/components/audio/album/Widget.vue'
-import PlaylistWidget from '@/components/playlists/Widget'
+import PlaylistWidget from '@/components/playlists/Widget.vue'
 
 const ARTISTS_URL = 'artists/'
 

front/src/components/library/ImportStatusModal.vue

@@ -132,7 +132,7 @@
   </modal>
 </template>
 <script>
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
 
 function getErrors (payload) {
   const errors = []

front/src/components/library/Podcasts.vue

@@ -199,7 +199,7 @@ import qs from 'qs'
 import axios from 'axios'
 import $ from 'jquery'
 
-import logger from '@/logging'
+import logger from '@/logging.js'
 
 import OrderingMixin from '@/components/mixins/Ordering.vue'
 import PaginationMixin from '@/components/mixins/Pagination.vue'

front/src/components/library/Radios.vue

@@ -177,7 +177,7 @@
 import axios from 'axios'
 import $ from 'jquery'
 
-import logger from '@/logging'
+import logger from '@/logging.js'
 
 import OrderingMixin from '@/components/mixins/Ordering.vue'
 import PaginationMixin from '@/components/mixins/Pagination.vue'

front/src/components/library/TagDetail.vue

@@ -89,11 +89,11 @@
 </template>
 
 <script>
-import ChannelsWidget from '@/components/audio/ChannelsWidget'
+import ChannelsWidget from '@/components/audio/ChannelsWidget.vue'
-import TrackWidget from '@/components/audio/track/Widget'
+import TrackWidget from '@/components/audio/track/Widget.vue'
-import AlbumWidget from '@/components/audio/album/Widget'
+import AlbumWidget from '@/components/audio/album/Widget.vue'
-import ArtistWidget from '@/components/audio/artist/Widget'
+import ArtistWidget from '@/components/audio/artist/Widget.vue'
-import RadioButton from '@/components/radios/Button'
+import RadioButton from '@/components/radios/Button.vue'
 
 export default {
   components: {

front/src/components/library/TagsSelector.vue

@@ -20,7 +20,7 @@
 <script>
 import $ from 'jquery'
 
-import lodash from '@/lodash'
+import lodash from '@/lodash.js'
 export default {
   props: { value: { type: Array, required: true } },
   watch: {

front/src/components/library/TrackBase.vue

@@ -219,17 +219,17 @@
 </template>
 
 <script>
-import time from '@/utils/time'
+import time from '@/utils/time.js'
 import axios from 'axios'
-import url from '@/utils/url'
+import url from '@/utils/url.js'
-import { getDomain } from '@/utils'
+import { getDomain } from '@/utils.js'
-import logger from '@/logging'
+import logger from '@/logging.js'
-import PlayButton from '@/components/audio/PlayButton'
+import PlayButton from '@/components/audio/PlayButton.vue'
-import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon'
+import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon.vue'
-import TrackPlaylistIcon from '@/components/playlists/TrackPlaylistIcon'
+import TrackPlaylistIcon from '@/components/playlists/TrackPlaylistIcon.vue'
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
-import EmbedWizard from '@/components/audio/EmbedWizard'
+import EmbedWizard from '@/components/audio/EmbedWizard.vue'
-import ReportMixin from '@/components/mixins/Report'
+import ReportMixin from '@/components/mixins/Report.vue'
 import { momentFormat } from '@/filters'
 
 const FETCH_URL = 'tracks/'

front/src/components/library/TrackDetail.vue

@@ -289,9 +289,9 @@
 
 <script>
 import axios from 'axios'
-import LibraryWidget from '@/components/federation/LibraryWidget'
+import LibraryWidget from '@/components/federation/LibraryWidget.vue'
-import TagsList from '@/components/tags/List'
+import TagsList from '@/components/tags/List.vue'
-import PlaylistWidget from '@/components/playlists/Widget'
+import PlaylistWidget from '@/components/playlists/Widget.vue'
 
 export default {
   components: {

front/src/components/library/TrackEdit.vue

@@ -45,7 +45,7 @@
 <script>
 import axios from 'axios'
 
-import EditForm from '@/components/library/EditForm'
+import EditForm from '@/components/library/EditForm.vue'
 export default {
   components: {
     EditForm

front/src/components/manage/ChannelsTable.vue

@@ -202,13 +202,13 @@
 <script>
 import axios from 'axios'
 import _ from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
 import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable'
+import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch'
+import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
 
 export default {
   components: {

front/src/components/manage/library/AlbumsTable.vue

@@ -187,13 +187,13 @@
 <script>
 import axios from 'axios'
 import _ from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
 import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable'
+import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch'
+import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
 
 export default {
   components: {

front/src/components/manage/library/ArtistsTable.vue

@@ -186,13 +186,13 @@
 <script>
 import axios from 'axios'
 import _ from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
 import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable'
+import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch'
+import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
 
 export default {
   components: {

front/src/components/manage/library/EditsCardList.vue

@@ -132,13 +132,13 @@
 <script>
 import axios from 'axios'
 import _ from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
-import EditCard from '@/components/library/EditCard'
+import EditCard from '@/components/library/EditCard.vue'
 import { normalizeQuery, parseTokens } from '@/search'
-import SmartSearchMixin from '@/components/mixins/SmartSearch'
+import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
 
 import edits from '@/edits'
 

front/src/components/manage/library/LibrariesTable.vue

@@ -217,13 +217,13 @@
 <script>
 import axios from 'axios'
 import _ from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
 import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable'
+import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch'
+import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
 
 export default {
   components: {

front/src/components/manage/library/TagsTable.vue

@@ -148,14 +148,14 @@
 <script>
 import axios from 'axios'
 import _ from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
 import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable'
+import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch'
+import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
-import ImportStatusModal from '@/components/library/ImportStatusModal'
+import ImportStatusModal from '@/components/library/ImportStatusModal.vue'
 
 export default {
   components: {

front/src/components/manage/library/TracksTable.vue

@@ -200,13 +200,13 @@
 <script>
 import axios from 'axios'
 import _ from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
 import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable'
+import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch'
+import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
 
 export default {
   components: {

front/src/components/manage/library/UploadsTable.vue

@@ -309,14 +309,14 @@
 <script>
 import axios from 'axios'
 import _ from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
 import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable'
+import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch'
+import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
-import ImportStatusModal from '@/components/library/ImportStatusModal'
+import ImportStatusModal from '@/components/library/ImportStatusModal.vue'
 
 export default {
   components: {

front/src/components/manage/moderation/AccountsTable.vue

@@ -173,13 +173,13 @@
 <script>
 import axios from 'axios'
 import _ from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
 import { normalizeQuery, parseTokens } from '@/search'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable'
+import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
-import SmartSearchMixin from '@/components/mixins/SmartSearch'
+import SmartSearchMixin from '@/components/mixins/SmartSearch.vue'
 
 export default {
   components: {

front/src/components/manage/moderation/DomainsTable.vue

@@ -184,11 +184,11 @@
 <script>
 import axios from 'axios'
 import _ from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable'
+import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
 
 export default {
   components: {

front/src/components/manage/moderation/InstancePolicyModal.vue

@@ -66,9 +66,9 @@
 
 <script>
 import axios from 'axios'
-import InstancePolicyForm from '@/components/manage/moderation/InstancePolicyForm'
+import InstancePolicyForm from '@/components/manage/moderation/InstancePolicyForm.vue'
-import InstancePolicyCard from '@/components/manage/moderation/InstancePolicyCard'
+import InstancePolicyCard from '@/components/manage/moderation/InstancePolicyCard.vue'
-import Modal from '@/components/semantic/Modal'
+import Modal from '@/components/semantic/Modal.vue'
 
 export default {
   components: {

front/src/components/manage/moderation/ReportCard.vue

@@ -390,10 +390,10 @@
 
 <script>
 import axios from 'axios'
-import NoteForm from '@/components/manage/moderation/NoteForm'
+import NoteForm from '@/components/manage/moderation/NoteForm.vue'
-import NotesThread from '@/components/manage/moderation/NotesThread'
+import NotesThread from '@/components/manage/moderation/NotesThread.vue'
-import ReportCategoryDropdown from '@/components/moderation/ReportCategoryDropdown'
+import ReportCategoryDropdown from '@/components/moderation/ReportCategoryDropdown.vue'
-import InstancePolicyModal from '@/components/manage/moderation/InstancePolicyModal'
+import InstancePolicyModal from '@/components/manage/moderation/InstancePolicyModal.vue'
 import entities from '@/entities'
 import { setUpdate } from '@/utils'
 import showdown from 'showdown'

front/src/components/manage/moderation/UserRequestCard.vue

@@ -225,8 +225,8 @@
 
 <script>
 import axios from 'axios'
-import NoteForm from '@/components/manage/moderation/NoteForm'
+import NoteForm from '@/components/manage/moderation/NoteForm.vue'
-import NotesThread from '@/components/manage/moderation/NotesThread'
+import NotesThread from '@/components/manage/moderation/NotesThread.vue'
 import showdown from 'showdown'
 
 export default {

front/src/components/manage/users/InvitationsTable.vue

@@ -159,10 +159,10 @@
 import axios from 'axios'
 import moment from 'moment'
 import _ from '@/lodash'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable'
+import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
 
 export default {
   components: {

front/src/components/manage/users/UsersTable.vue

@@ -201,11 +201,11 @@
 <script>
 import axios from 'axios'
 import _ from '@/lodash'
-import time from '@/utils/time'
+import time from '@/utils/time.js'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import ActionTable from '@/components/common/ActionTable'
+import ActionTable from '@/components/common/ActionTable.vue'
-import OrderingMixin from '@/components/mixins/Ordering'
+import OrderingMixin from '@/components/mixins/Ordering.vue'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
 
 export default {
   components: {

front/src/components/moderation/ReportCategoryDropdown.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
 import lodash from '@/lodash'
 export default {
   mixins: [TranslationsMixin],

front/src/components/playlists/Card.vue

@@ -55,7 +55,7 @@
 </template>
 
 <script>
-import PlayButton from '@/components/audio/PlayButton'
+import PlayButton from '@/components/audio/PlayButton.vue'
 
 export default {
   components: {

front/src/components/playlists/CardList.vue

@@ -12,7 +12,7 @@
 
 <script>
 
-import PlaylistCard from '@/components/playlists/Card'
+import PlaylistCard from '@/components/playlists/Card.vue'
 
 export default {
   components: {

front/src/components/playlists/Editor.vue

@@ -176,7 +176,7 @@
 <script>
 import { mapState } from 'vuex'
 import axios from 'axios'
-import PlaylistForm from '@/components/playlists/Form'
+import PlaylistForm from '@/components/playlists/Form.vue'
 
 import draggable from 'vuedraggable'
 

front/src/components/playlists/Form.vue

@@ -100,7 +100,7 @@
 <script>
 import $ from 'jquery'
 import axios from 'axios'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
 
 import logger from '@/logging'
 

front/src/components/radios/Card.vue

@@ -48,7 +48,7 @@
 </template>
 
 <script>
-import RadioButton from './Button'
+import RadioButton from './Button.vue'
 
 export default {
   components: {

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'
+import NotificationRow from '@/components/notifications/NotificationRow.vue'
 
 export default {
   components: {

front/src/views/Search.vue

@@ -137,14 +137,14 @@
 </template>
 
 <script>
-import RemoteSearchForm from '@/components/RemoteSearchForm'
+import RemoteSearchForm from '@/components/RemoteSearchForm.vue'
-import ArtistCard from '@/components/audio/artist/Card'
+import ArtistCard from '@/components/audio/artist/Card.vue'
-import AlbumCard from '@/components/audio/album/Card'
+import AlbumCard from '@/components/audio/album/Card.vue'
-import TrackTable from '@/components/audio/track/Table'
+import TrackTable from '@/components/audio/track/Table.vue'
-import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination.vue'
-import PlaylistCardList from '@/components/playlists/CardList'
+import PlaylistCardList from '@/components/playlists/CardList.vue'
-import RadioCard from '@/components/radios/Card'
+import RadioCard from '@/components/radios/Card.vue'
-import TagsList from '@/components/tags/List'
+import TagsList from '@/components/tags/List.vue'
 
 import axios from 'axios'
 

front/src/views/admin/ChannelDetail.vue

@@ -416,8 +416,8 @@
 <script>
 import axios from 'axios'
 
-import TagsList from '@/components/tags/List'
+import TagsList from '@/components/tags/List.vue'
-import FetchButton from '@/components/federation/FetchButton'
+import FetchButton from '@/components/federation/FetchButton.vue'
 
 export default {
   components: {

front/src/views/admin/ChannelsList.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import ChannelsTable from '@/components/manage/ChannelsTable'
+import ChannelsTable from '@/components/manage/ChannelsTable.vue'
 
 export default {
   components: {

front/src/views/admin/Settings.vue

@@ -45,7 +45,7 @@
 import axios from 'axios'
 import $ from 'jquery'
 
-import SettingsGroup from '@/components/admin/SettingsGroup'
+import SettingsGroup from '@/components/admin/SettingsGroup.vue'
 
 export default {
   components: {

front/src/views/admin/library/AlbumDetail.vue

@@ -399,8 +399,8 @@
 
 <script>
 import axios from 'axios'
-import FetchButton from '@/components/federation/FetchButton'
+import FetchButton from '@/components/federation/FetchButton.vue'
-import TagsList from '@/components/tags/List'
+import TagsList from '@/components/tags/List.vue'
 
 export default {
   components: {

front/src/views/admin/library/AlbumsList.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import AlbumsTable from '@/components/manage/library/AlbumsTable'
+import AlbumsTable from '@/components/manage/library/AlbumsTable.vue'
 
 export default {
   components: {

front/src/views/admin/library/ArtistDetail.vue

@@ -411,8 +411,8 @@
 <script>
 import axios from 'axios'
 
-import TagsList from '@/components/tags/List'
+import TagsList from '@/components/tags/List.vue'
-import FetchButton from '@/components/federation/FetchButton'
+import FetchButton from '@/components/federation/FetchButton.vue'
 
 export default {
   components: {

front/src/views/admin/library/ArtistsList.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import ArtistsTable from '@/components/manage/library/ArtistsTable'
+import ArtistsTable from '@/components/manage/library/ArtistsTable.vue'
 
 export default {
   components: {

front/src/views/admin/library/EditsList.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import EditsCardList from '@/components/manage/library/EditsCardList'
+import EditsCardList from '@/components/manage/library/EditsCardList.vue'
 
 export default {
   components: {

front/src/views/admin/library/LibrariesList.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import LibrariesTable from '@/components/manage/library/LibrariesTable'
+import LibrariesTable from '@/components/manage/library/LibrariesTable.vue'
 
 export default {
   components: {

front/src/views/admin/library/LibraryDetail.vue

@@ -360,7 +360,7 @@
 <script>
 import axios from 'axios'
 import logger from '@/logging'
-import TranslationsMixin from '@/components/mixins/Translations'
+import TranslationsMixin from '@/components/mixins/Translations.vue'
 
 export default {
   mixins: [