diff --git a/web-src/eslint.config.js b/web-src/eslint.config.js
index 9f0c6a6c..9a2906cf 100644
--- a/web-src/eslint.config.js
+++ b/web-src/eslint.config.js
@@ -29,8 +29,7 @@ export default [
       'one-var': 'off',
       'sort-keys': 'off',
       'vue/html-self-closing': 'off',
-      'vue/max-attributes-per-line': 'off',
-      'vue/prop-name-casing': 'off'
+      'vue/max-attributes-per-line': 'off'
     }
   }
 ]
diff --git a/web-src/src/components/ListAlbums.vue b/web-src/src/components/ListAlbums.vue
index 564930c9..1bd4f6fc 100644
--- a/web-src/src/components/ListAlbums.vue
+++ b/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: {
diff --git a/web-src/src/components/ListGenres.vue b/web-src/src/components/ListGenres.vue
index 9439c83d..dec47087 100644
--- a/web-src/src/components/ListGenres.vue
+++ b/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) {
diff --git a/web-src/src/components/ListTracksSpotify.vue b/web-src/src/components/ListTracksSpotify.vue
index 32d3bae3..24d0234c 100644
--- a/web-src/src/components/ListTracksSpotify.vue
+++ b/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
         )
diff --git a/web-src/src/components/ModalDialogAlbum.vue b/web-src/src/components/ModalDialogAlbum.vue
index c99c9a32..1fd323ae 100644
--- a/web-src/src/components/ModalDialogAlbum.vue
+++ b/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',
diff --git a/web-src/src/components/ModalDialogGenre.vue b/web-src/src/components/ModalDialogGenre.vue
index 14355a4f..2edce5b9 100644
--- a/web-src/src/components/ModalDialogGenre.vue
+++ b/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 },
diff --git a/web-src/src/components/ModalDialogQueueItem.vue b/web-src/src/components/ModalDialogQueueItem.vue
index 524b6769..ceb9b0c6 100644
--- a/web-src/src/components/ModalDialogQueueItem.vue
+++ b/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() {
diff --git a/web-src/src/components/ModalDialogTrack.vue b/web-src/src/components/ModalDialogTrack.vue
index 652a9994..00fd07c9 100644
--- a/web-src/src/components/ModalDialogTrack.vue
+++ b/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 }
       })
     }
   }
diff --git a/web-src/src/pages/PageAlbumSpotify.vue b/web-src/src/pages/PageAlbumSpotify.vue
index 88f118e2..000348e4 100644
--- a/web-src/src/pages/PageAlbumSpotify.vue
+++ b/web-src/src/pages/PageAlbumSpotify.vue
@@ -12,7 +12,7 @@
       />
     </template>
     <template #content>
-      <list-tracks-spotify :items="tracks" :context_uri="album.uri" />
+      <list-tracks-spotify :items="tracks" :context-uri="album.uri" />
     </template>
   </content-with-hero>
   <modal-dialog-album-spotify
diff --git a/web-src/src/pages/PageAudiobooksAlbum.vue b/web-src/src/pages/PageAudiobooksAlbum.vue
index d6028f5c..2a89f448 100644
--- a/web-src/src/pages/PageAudiobooksAlbum.vue
+++ b/web-src/src/pages/PageAudiobooksAlbum.vue
@@ -18,7 +18,7 @@
   <modal-dialog-album
     :item="album"
     :show="showDetailsModal"
-    :media_kind="'audiobook'"
+    media-kind="audiobook"
     @close="showDetailsModal = false"
   />
 </template>
diff --git a/web-src/src/pages/PageAudiobooksGenres.vue b/web-src/src/pages/PageAudiobooksGenres.vue
index b2411d1e..d9d33c12 100644
--- a/web-src/src/pages/PageAudiobooksGenres.vue
+++ b/web-src/src/pages/PageAudiobooksGenres.vue
@@ -8,7 +8,7 @@
       <heading-title :content="heading" />
     </template>
     <template #content>
-      <list-genres :items="genres" :media_kind="'audiobook'" />
+      <list-genres :items="genres" media-kind="audiobook" />
     </template>
   </content-with-heading>
 </template>
diff --git a/web-src/src/pages/PageGenreAlbums.vue b/web-src/src/pages/PageGenreAlbums.vue
index 319d2e60..031f7eca 100644
--- a/web-src/src/pages/PageGenreAlbums.vue
+++ b/web-src/src/pages/PageGenreAlbums.vue
@@ -20,7 +20,7 @@
   </content-with-heading>
   <modal-dialog-genre
     :item="genre"
-    :media_kind="media_kind"
+    :media-kind="mediaKind"
     :show="showDetailsModal"
     @close="showDetailsModal = false"
   />
@@ -39,8 +39,8 @@ import webapi from '@/webapi'
 const dataObject = {
   load(to) {
     return Promise.all([
-      webapi.library_genre(to.params.name, to.query.media_kind),
-      webapi.library_genre_albums(to.params.name, to.query.media_kind)
+      webapi.library_genre(to.params.name, to.query.mediaKind),
+      webapi.library_genre_albums(to.params.name, to.query.mediaKind)
     ])
   },
   set(vm, response) {
@@ -70,7 +70,7 @@ export default {
     return {
       albums: new GroupedList(),
       genre: {},
-      media_kind: this.$route.query.media_kind,
+      mediaKind: this.$route.query.mediaKind,
       showDetailsModal: false
     }
   },
@@ -101,12 +101,12 @@ export default {
       this.$router.push({
         name: 'genre-tracks',
         params: { name: this.genre.name },
-        query: { media_kind: this.media_kind }
+        query: { mediaKind: this.mediaKind }
       })
     },
     play() {
       webapi.player_play_expression(
-        `genre is "${this.genre.name}" and media_kind is ${this.media_kind}`,
+        `genre is "${this.genre.name}" and media_kind is ${this.mediaKind}`,
         true
       )
     }
diff --git a/web-src/src/pages/PageGenreTracks.vue b/web-src/src/pages/PageGenreTracks.vue
index dff486e9..e0875d81 100644
--- a/web-src/src/pages/PageGenreTracks.vue
+++ b/web-src/src/pages/PageGenreTracks.vue
@@ -28,7 +28,7 @@
   </content-with-heading>
   <modal-dialog-genre
     :item="genre"
-    :media_kind="media_kind"
+    :media-kind="mediaKind"
     :show="showDetailsModal"
     @close="showDetailsModal = false"
   />
@@ -50,8 +50,8 @@ import webapi from '@/webapi'
 const dataObject = {
   load(to) {
     return Promise.all([
-      webapi.library_genre(to.params.name, to.query.media_kind),
-      webapi.library_genre_tracks(to.params.name, to.query.media_kind)
+      webapi.library_genre(to.params.name, to.query.mediaKind),
+      webapi.library_genre_tracks(to.params.name, to.query.mediaKind)
     ])
   },
   set(vm, response) {
@@ -83,14 +83,14 @@ export default {
   data() {
     return {
       genre: {},
-      media_kind: this.$route.query.media_kind,
+      mediaKind: this.$route.query.mediaKind,
       showDetailsModal: false,
       trackList: new GroupedList()
     }
   },
   computed: {
     expression() {
-      return `genre is "${this.genre.name}" and media_kind is ${this.media_kind}`
+      return `genre is "${this.genre.name}" and media_kind is ${this.mediaKind}`
     },
     groupings() {
       return [
@@ -138,7 +138,7 @@ export default {
       this.$router.push({
         name: 'genre-albums',
         params: { name: this.genre.name },
-        query: { media_kind: this.media_kind }
+        query: { mediaKind: this.media_kind }
       })
     },
     play() {
diff --git a/web-src/src/pages/PageGenres.vue b/web-src/src/pages/PageGenres.vue
index a3bfc94d..894fa1a8 100644
--- a/web-src/src/pages/PageGenres.vue
+++ b/web-src/src/pages/PageGenres.vue
@@ -8,7 +8,7 @@
       <heading-title :content="heading" />
     </template>
     <template #content>
-      <list-genres :items="genres" :media_kind="'music'" />
+      <list-genres :items="genres" media-kind="music" />
     </template>
   </content-with-heading>
 </template>
diff --git a/web-src/src/pages/PagePlaylistTracksSpotify.vue b/web-src/src/pages/PagePlaylistTracksSpotify.vue
index c94f7399..69cbc860 100644
--- a/web-src/src/pages/PagePlaylistTracksSpotify.vue
+++ b/web-src/src/pages/PagePlaylistTracksSpotify.vue
@@ -17,7 +17,7 @@
       />
     </template>
     <template #content>
-      <list-tracks-spotify :items="tracks" :context_uri="playlist.uri" />
+      <list-tracks-spotify :items="tracks" :context-uri="playlist.uri" />
       <vue-eternal-loading v-if="offset < total" :load="load">
         <template #loading>
           <div class="columns is-centered">
diff --git a/web-src/src/pages/PagePodcast.vue b/web-src/src/pages/PagePodcast.vue
index 4294580f..74f26472 100644
--- a/web-src/src/pages/PagePodcast.vue
+++ b/web-src/src/pages/PagePodcast.vue
@@ -20,7 +20,7 @@
       <modal-dialog-album
         :item="album"
         :show="showDetailsModal"
-        :media_kind="'podcast'"
+        media-kind="podcast"
         @close="showDetailsModal = false"
         @play-count-changed="reloadTracks"
         @remove-podcast="openRemovePodcastDialog"