[web] Lint source code

web-src/src/components/ControlImage.vue

@@ -23,12 +23,12 @@ export default {
   computed: {
     source() {
       return {
-        src: this.url || this.uri,
         lifecycle: {
           error: (el) => {
             el.src = this.uri
           }
-        }
+        },
+        src: this.url || this.uri
       }
     },
     uri() {

web-src/src/components/ListAlbums.vue

@@ -50,7 +50,7 @@ export default {
   methods: {
     image(item) {
       if (this.settingsStore.showCoverArtworkInAlbumLists) {
-        return { url: item.item.artwork_url, caption: item.item.name }
+        return { caption: item.item.name, url: item.item.artwork_url }
       }
       return null
     },

web-src/src/components/ListAlbumsSpotify.vue

@@ -44,7 +44,7 @@ export default {
   methods: {
     image(item) {
       if (this.settingsStore.showCoverArtworkInAlbumLists) {
-        return { url: item.images?.[0]?.url ?? '', caption: item.name }
+        return { caption: item.name, url: item.images?.[0]?.url ?? '' }
       }
       return null
     },

web-src/src/components/ListItemQueueItem.vue

@@ -54,9 +54,9 @@ export default {
   props: {
     currentPosition: { required: true, type: Number },
     editing: Boolean,
+    hideReadItems: Boolean,
     item: { required: true, type: Object },
-    position: { required: true, type: Number },
-    hideReadItems: Boolean
+    position: { required: true, type: Number }
   },
   setup() {
     return { playerStore: usePlayerStore() }

web-src/src/components/ListTracks.vue

@@ -29,8 +29,8 @@ export default {
   components: { ListItem, ModalDialogTrack },
   props: {
     expression: { default: '', type: String },
-    items: { default: null, type: Object },
     icon: { default: null, type: String },
+    items: { default: null, type: Object },
     load: { default: null, type: Function },
     loaded: { default: true, type: Boolean },
     showProgress: { default: false, type: Boolean },

web-src/src/components/ModalDialogPlayable.vue

@@ -50,12 +50,12 @@ export default {
     }
   },
   methods: {
-    play() {
+    addNextToQueue() {
       this.$emit('close')
       if (this.item.expression) {
-        queue.playExpression(this.item.expression, false)
+        queue.addExpression(this.item.expression, true)
       } else {
-        queue.playUri(this.item.uris || this.item.uri, false)
+        queue.addUri(this.item.uris || this.item.uri, true)
       }
     },
     addToQueue() {
@@ -66,12 +66,12 @@ export default {
         queue.addUri(this.item.uris || this.item.uri)
       }
     },
-    addNextToQueue() {
+    play() {
       this.$emit('close')
       if (this.item.expression) {
-        queue.addExpression(this.item.expression, true)
+        queue.playExpression(this.item.expression, false)
       } else {
-        queue.addUri(this.item.uris || this.item.uri, true)
+        queue.playUri(this.item.uris || this.item.uri, false)
       }
     }
   }

web-src/src/components/PaneLyrics.vue

@@ -30,8 +30,8 @@ export default {
     const MIDDLE_POSITION = Math.floor(VISIBLE_VERSES / 2)
     return {
       MIDDLE_POSITION,
-      playerStore: usePlayerStore(),
-      VISIBLE_VERSES
+      VISIBLE_VERSES,
+      playerStore: usePlayerStore()
     }
   },
   data() {
@@ -139,7 +139,7 @@ export default {
           const start = currentTime
           const end = start + totalDuration * (text.length / totalLength)
           currentTime = end
-          return { text, start, end }
+          return { end, start, text }
         })
       })
       return lyrics