[web] Lint code for better maintainability

For this pass, mainly the import order has been changed.

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

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 {

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

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

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

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

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

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>

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

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

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

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

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

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

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

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