diff --git a/web-src/src/components/CoverArtwork.vue b/web-src/src/components/CoverArtwork.vue
index 4985d924..a63ebf96 100644
--- a/web-src/src/components/CoverArtwork.vue
+++ b/web-src/src/components/CoverArtwork.vue
@@ -8,8 +8,8 @@
 </template>
 
 <script>
-import webapi from '@/webapi'
 import { renderSVG } from '@/lib/SVGRenderer'
+import webapi from '@/webapi'
 
 export default {
   name: 'CoverArtwork',
diff --git a/web-src/src/components/ModalDialogUpdate.vue b/web-src/src/components/ModalDialogUpdate.vue
index 2a237a00..22915635 100644
--- a/web-src/src/components/ModalDialogUpdate.vue
+++ b/web-src/src/components/ModalDialogUpdate.vue
@@ -48,8 +48,8 @@
 </template>
 
 <script>
-import ModalDialog from '@/components/ModalDialog.vue'
 import * as types from '@/store/mutation_types'
+import ModalDialog from '@/components/ModalDialog.vue'
 import webapi from '@/webapi'
 
 export default {
diff --git a/web-src/src/components/SettingsCheckbox.vue b/web-src/src/components/SettingsCheckbox.vue
index 2b04d41d..e99fd206 100644
--- a/web-src/src/components/SettingsCheckbox.vue
+++ b/web-src/src/components/SettingsCheckbox.vue
@@ -22,8 +22,8 @@
 </template>
 
 <script>
-import webapi from '@/webapi'
 import * as types from '@/store/mutation_types'
+import webapi from '@/webapi'
 
 export default {
   name: 'SettingsCheckbox',
diff --git a/web-src/src/components/SettingsIntfield.vue b/web-src/src/components/SettingsIntfield.vue
index 3bc10eb2..79db2114 100644
--- a/web-src/src/components/SettingsIntfield.vue
+++ b/web-src/src/components/SettingsIntfield.vue
@@ -28,8 +28,8 @@
 </template>
 
 <script>
-import webapi from '@/webapi'
 import * as types from '@/store/mutation_types'
+import webapi from '@/webapi'
 
 export default {
   name: 'SettingsIntfield',
diff --git a/web-src/src/components/SettingsTextfield.vue b/web-src/src/components/SettingsTextfield.vue
index 4560f890..89956d65 100644
--- a/web-src/src/components/SettingsTextfield.vue
+++ b/web-src/src/components/SettingsTextfield.vue
@@ -27,8 +27,8 @@
 </template>
 
 <script>
-import webapi from '@/webapi'
 import * as types from '@/store/mutation_types'
+import webapi from '@/webapi'
 
 export default {
   name: 'SettingsTextfield',
diff --git a/web-src/src/pages/PageAudiobooksAlbums.vue b/web-src/src/pages/PageAudiobooksAlbums.vue
index 4dd4e0a7..b45fabde 100644
--- a/web-src/src/pages/PageAudiobooksAlbums.vue
+++ b/web-src/src/pages/PageAudiobooksAlbums.vue
@@ -20,12 +20,12 @@
 </template>
 
 <script>
-import TabsAudiobooks from '@/components/TabsAudiobooks.vue'
-import IndexButtonList from '@/components/IndexButtonList.vue'
 import ContentWithHeading from '@/templates/ContentWithHeading.vue'
-import ListAlbums from '@/components/ListAlbums.vue'
-import webapi from '@/webapi'
 import { GroupByList, byName } from '@/lib/GroupByList'
+import IndexButtonList from '@/components/IndexButtonList.vue'
+import ListAlbums from '@/components/ListAlbums.vue'
+import TabsAudiobooks from '@/components/TabsAudiobooks.vue'
+import webapi from '@/webapi'
 
 const dataObject = {
   load(to) {
diff --git a/web-src/src/pages/PageAudiobooksArtists.vue b/web-src/src/pages/PageAudiobooksArtists.vue
index 713f95b5..7ea226d5 100644
--- a/web-src/src/pages/PageAudiobooksArtists.vue
+++ b/web-src/src/pages/PageAudiobooksArtists.vue
@@ -22,11 +22,11 @@
 
 <script>
 import ContentWithHeading from '@/templates/ContentWithHeading.vue'
-import TabsAudiobooks from '@/components/TabsAudiobooks.vue'
+import { GroupByList, byName } from '@/lib/GroupByList'
 import IndexButtonList from '@/components/IndexButtonList.vue'
 import ListArtists from '@/components/ListArtists.vue'
+import TabsAudiobooks from '@/components/TabsAudiobooks.vue'
 import webapi from '@/webapi'
-import { GroupByList, byName } from '@/lib/GroupByList'
 
 const dataObject = {
   load(to) {
diff --git a/web-src/src/pages/PageBrowse.vue b/web-src/src/pages/PageBrowse.vue
index 522b436b..184aabed 100644
--- a/web-src/src/pages/PageBrowse.vue
+++ b/web-src/src/pages/PageBrowse.vue
@@ -14,9 +14,9 @@
         <nav class="level">
           <p class="level-item">
             <router-link
-              v-text="$t('page.browse.show-more')"
               class="button is-light is-small is-rounded"
               :to="{ name: 'music-browse-recently-added' }"
+              v-text="$t('page.browse.show-more')"
             />
           </p>
         </nav>
@@ -38,9 +38,9 @@
         <nav class="level">
           <p class="level-item">
             <router-link
-              v-text="$t('page.browse.show-more')"
               class="button is-light is-small is-rounded"
               :to="{ name: 'music-browse-recently-played' }"
+              v-text="$t('page.browse.show-more')"
             />
           </p>
         </nav>
diff --git a/web-src/src/pages/PageBrowseRecentlyAdded.vue b/web-src/src/pages/PageBrowseRecentlyAdded.vue
index 751d8d82..8012cca0 100644
--- a/web-src/src/pages/PageBrowseRecentlyAdded.vue
+++ b/web-src/src/pages/PageBrowseRecentlyAdded.vue
@@ -15,11 +15,11 @@
 
 <script>
 import ContentWithHeading from '@/templates/ContentWithHeading.vue'
-import TabsMusic from '@/components/TabsMusic.vue'
-import ListAlbums from '@/components/ListAlbums.vue'
-import webapi from '@/webapi'
-import store from '@/store'
 import { GroupByList, byDateSinceToday } from '@/lib/GroupByList'
+import ListAlbums from '@/components/ListAlbums.vue'
+import store from '@/store'
+import TabsMusic from '@/components/TabsMusic.vue'
+import webapi from '@/webapi'
 
 const dataObject = {
   load(to) {
diff --git a/web-src/src/pages/PageBrowseRecentlyPlayed.vue b/web-src/src/pages/PageBrowseRecentlyPlayed.vue
index 552c8fd0..61fa9c34 100644
--- a/web-src/src/pages/PageBrowseRecentlyPlayed.vue
+++ b/web-src/src/pages/PageBrowseRecentlyPlayed.vue
@@ -18,10 +18,10 @@
 
 <script>
 import ContentWithHeading from '@/templates/ContentWithHeading.vue'
-import TabsMusic from '@/components/TabsMusic.vue'
-import ListTracks from '@/components/ListTracks.vue'
-import webapi from '@/webapi'
 import { GroupByList } from '@/lib/GroupByList'
+import ListTracks from '@/components/ListTracks.vue'
+import TabsMusic from '@/components/TabsMusic.vue'
+import webapi from '@/webapi'
 
 const dataObject = {
   load(to) {
diff --git a/web-src/src/pages/PageFiles.vue b/web-src/src/pages/PageFiles.vue
index 8703fe8c..a123b392 100644
--- a/web-src/src/pages/PageFiles.vue
+++ b/web-src/src/pages/PageFiles.vue
@@ -39,12 +39,12 @@
 
 <script>
 import ContentWithHeading from '@/templates/ContentWithHeading.vue'
+import { GroupByList } from '@/lib/GroupByList'
 import ListDirectories from '@/components/ListDirectories.vue'
 import ListPlaylists from '@/components/ListPlaylists.vue'
 import ListTracks from '@/components/ListTracks.vue'
 import ModalDialogDirectory from '@/components/ModalDialogDirectory.vue'
 import webapi from '@/webapi'
-import { GroupByList } from '@/lib/GroupByList'
 
 const dataObject = {
   load(to) {
diff --git a/web-src/src/pages/PageGenres.vue b/web-src/src/pages/PageGenres.vue
index 17884608..115b7bfb 100644
--- a/web-src/src/pages/PageGenres.vue
+++ b/web-src/src/pages/PageGenres.vue
@@ -21,11 +21,11 @@
 
 <script>
 import ContentWithHeading from '@/templates/ContentWithHeading.vue'
-import TabsMusic from '@/components/TabsMusic.vue'
+import { GroupByList, byName } from '@/lib/GroupByList'
 import IndexButtonList from '@/components/IndexButtonList.vue'
 import ListGenres from '@/components/ListGenres.vue'
+import TabsMusic from '@/components/TabsMusic.vue'
 import webapi from '@/webapi'
-import { GroupByList, byName } from '@/lib/GroupByList'
 
 const dataObject = {
   load(to) {
diff --git a/web-src/src/pages/PagePodcasts.vue b/web-src/src/pages/PagePodcasts.vue
index ef740f0d..c0f29cd8 100644
--- a/web-src/src/pages/PagePodcasts.vue
+++ b/web-src/src/pages/PagePodcasts.vue
@@ -57,13 +57,13 @@
 </template>
 
 <script>
-import ContentWithHeading from '@/templates/ContentWithHeading.vue'
-import ListTracks from '@/components/ListTracks.vue'
-import ListAlbums from '@/components/ListAlbums.vue'
-import ModalDialogAddRss from '@/components/ModalDialogAddRss.vue'
 import * as types from '@/store/mutation_types'
-import webapi from '@/webapi'
+import ContentWithHeading from '@/templates/ContentWithHeading.vue'
 import { GroupByList } from '@/lib/GroupByList'
+import ListAlbums from '@/components/ListAlbums.vue'
+import ListTracks from '@/components/ListTracks.vue'
+import ModalDialogAddRss from '@/components/ModalDialogAddRss.vue'
+import webapi from '@/webapi'
 
 const dataObject = {
   load(to) {
diff --git a/web-src/src/pages/PageQueue.vue b/web-src/src/pages/PageQueue.vue
index e10ff63f..e133c327 100644
--- a/web-src/src/pages/PageQueue.vue
+++ b/web-src/src/pages/PageQueue.vue
@@ -103,14 +103,14 @@
 </template>
 
 <script>
+import * as types from '@/store/mutation_types'
 import ContentWithHeading from '@/templates/ContentWithHeading.vue'
+import draggable from 'vuedraggable'
 import ListItemQueueItem from '@/components/ListItemQueueItem.vue'
-import ModalDialogQueueItem from '@/components/ModalDialogQueueItem.vue'
 import ModalDialogAddUrlStream from '@/components/ModalDialogAddUrlStream.vue'
 import ModalDialogPlaylistSave from '@/components/ModalDialogPlaylistSave.vue'
+import ModalDialogQueueItem from '@/components/ModalDialogQueueItem.vue'
 import webapi from '@/webapi'
-import * as types from '@/store/mutation_types'
-import draggable from 'vuedraggable'
 
 export default {
   name: 'PageQueue',
diff --git a/web-src/src/pages/PageRadioStreams.vue b/web-src/src/pages/PageRadioStreams.vue
index f0e9c94f..26c9dd26 100644
--- a/web-src/src/pages/PageRadioStreams.vue
+++ b/web-src/src/pages/PageRadioStreams.vue
@@ -17,9 +17,9 @@
 
 <script>
 import ContentWithHeading from '@/templates/ContentWithHeading.vue'
+import { GroupByList } from '@/lib/GroupByList'
 import ListTracks from '@/components/ListTracks.vue'
 import webapi from '@/webapi'
-import { GroupByList } from '@/lib/GroupByList'
 
 const dataObject = {
   load(to) {
diff --git a/web-src/src/pages/PageSettingsArtwork.vue b/web-src/src/pages/PageSettingsArtwork.vue
index c1b977f4..c1164fc0 100644
--- a/web-src/src/pages/PageSettingsArtwork.vue
+++ b/web-src/src/pages/PageSettingsArtwork.vue
@@ -60,7 +60,7 @@ import TabsSettings from '@/components/TabsSettings.vue'
 
 export default {
   name: 'PageSettingsArtwork',
-  components: { ContentWithHeading, TabsSettings, SettingsCheckbox },
+  components: { ContentWithHeading, SettingsCheckbox, TabsSettings },
 
   computed: {
     spotify() {