[web] Fix property name casing

web-src/src/components/ListAlbums.vue

@@ -15,7 +15,7 @@
   />
   <modal-dialog-album
     :item="selectedItem"
-    :media_kind="media_kind"
+    :media-kind="mediaKind"
     :show="showDetailsModal"
     @close="showDetailsModal = false"
     @remove-podcast="openRemovePodcastDialog()"
@@ -53,7 +53,7 @@ export default {
   components: { ListItem, ModalDialog, ModalDialogAlbum },
   props: {
     items: { required: true, type: Object },
-    media_kind: { default: '', type: String }
+    mediaKind: { default: '', type: String }
   },
   emits: ['play-count-changed', 'podcast-deleted'],
   setup() {
@@ -75,7 +75,7 @@ export default {
       ]
     },
     media_kind_resolved() {
-      return this.media_kind || this.selectedItem.media_kind
+      return this.mediaKind || this.selectedItem.media_kind
     }
   },
   methods: {

web-src/src/components/ListGenres.vue

@@ -10,7 +10,7 @@
   />
   <modal-dialog-genre
     :item="selectedItem"
-    :media_kind="media_kind"
+    :media-kind="mediaKind"
     :show="showDetailsModal"
     @close="showDetailsModal = false"
   />
@@ -25,7 +25,7 @@ export default {
   components: { ListItem, ModalDialogGenre },
   props: {
     items: { required: true, type: Object },
-    media_kind: { required: true, type: String }
+    mediaKind: { required: true, type: String }
   },
   data() {
     return { selectedItem: {}, showDetailsModal: false }
@@ -35,7 +35,7 @@ export default {
       this.$router.push({
         name: 'genre-albums',
         params: { name: item.name },
-        query: { media_kind: this.media_kind }
+        query: { mediaKind: this.mediaKind }
       })
     },
     openDetails(item) {

web-src/src/components/ListTracksSpotify.vue

@@ -57,7 +57,7 @@ export default {
   name: 'ListTracksSpotify',
   components: { ModalDialogTrackSpotify },
   props: {
-    context_uri: { default: '', type: String },
+    contextUri: { default: '', type: String },
     items: { required: true, type: Object }
   },
   data() {
@@ -71,7 +71,7 @@ export default {
     play(item) {
       if (item.is_playable) {
         webapi.player_play_uri(
-          this.context_uri || item.uri,
+          this.contextUri || item.uri,
           false,
           item.position || 0
         )

web-src/src/components/ModalDialogAlbum.vue

@@ -16,7 +16,7 @@ export default {
   components: { ModalDialogPlayable },
   props: {
     item: { required: true, type: Object },
-    media_kind: { default: '', type: String },
+    mediaKind: { default: '', type: String },
     show: Boolean
   },
   emits: ['close', 'remove-podcast', 'play-count-changed'],
@@ -34,7 +34,7 @@ export default {
       return []
     },
     media_kind_resolved() {
-      return this.media_kind || this.item.media_kind
+      return this.mediaKind || this.item.media_kind
     },
     playable() {
       return {
@@ -58,7 +58,7 @@ export default {
           },
           {
             key: 'property.type',
-            value: `${this.$t(`media.kind.${this.item.media_kind}`)} - ${this.$t(`data.kind.${this.item.data_kind}`)}`
+            value: `${this.$t(`media.kind.${this.item.mediaKind}`)} - ${this.$t(`data.kind.${this.item.data_kind}`)}`
           },
           {
             key: 'property.added-on',

web-src/src/components/ModalDialogGenre.vue

@@ -14,14 +14,14 @@ export default {
   components: { ModalDialogPlayable },
   props: {
     item: { required: true, type: Object },
-    media_kind: { required: true, type: String },
+    mediaKind: { required: true, type: String },
     show: Boolean
   },
   emits: ['close'],
   computed: {
     playable() {
       return {
-        expression: `genre is "${this.item.name}" and media_kind is ${this.media_kind}`,
+        expression: `genre is "${this.item.name}" and media_kind is ${this.mediaKind}`,
         name: this.item.name,
         properties: [
           { key: 'property.albums', value: this.item.album_count },

web-src/src/components/ModalDialogQueueItem.vue

@@ -153,7 +153,7 @@ export default {
       this.$router.push({
         name: 'genre-albums',
         params: { name: this.item.genre },
-        query: { media_kind: this.item.media_kind }
+        query: { mediaKind: this.item.media_kind }
       })
     },
     play() {

web-src/src/components/ModalDialogTrack.vue

@@ -148,7 +148,7 @@ export default {
       this.$router.push({
         name: 'genre-albums',
         params: { name: this.item.genre },
-        query: { media_kind: this.item.media_kind }
+        query: { mediaKind: this.item.media_kind }
       })
     }
   }