[web] Streamline naming of elements

web-src/src/pages/PageAlbum.vue

@@ -35,8 +35,8 @@
         />
         <list-tracks :items="tracks" :uris="album.uri" />
         <modal-dialog-album
+          :item="album"
           :show="show_details_modal"
-          :album="album"
           @close="show_details_modal = false"
         />
       </template>

web-src/src/pages/PageAlbumSpotify.vue

@@ -41,8 +41,8 @@
         />
         <list-tracks-spotify :items="tracks" :context_uri="album.uri" />
         <modal-dialog-album-spotify
+          :item="album"
           :show="show_details_modal"
-          :album="album"
           @close="show_details_modal = false"
         />
       </template>

web-src/src/pages/PageArtist.vue

@@ -61,8 +61,8 @@
         </p>
         <list-albums :items="albums" />
         <modal-dialog-artist
+          :item="artist"
           :show="show_details_modal"
-          :artist="artist"
           @close="show_details_modal = false"
         />
       </template>

web-src/src/pages/PageArtistSpotify.vue

@@ -35,8 +35,8 @@
           <template #no-more>&nbsp;</template>
         </VueEternalLoading>
         <modal-dialog-artist-spotify
+          :item="artist"
           :show="show_details_modal"
-          :artist="artist"
           @close="show_details_modal = false"
         />
       </template>

web-src/src/pages/PageArtistTracks.vue

@@ -62,8 +62,8 @@
         </p>
         <list-tracks :items="tracks" :uris="track_uris" />
         <modal-dialog-artist
+          :item="artist"
           :show="show_details_modal"
-          :artist="artist"
           @close="show_details_modal = false"
         />
       </template>

web-src/src/pages/PageAudiobooksAlbum.vue

@@ -39,8 +39,8 @@
         />
         <list-tracks :items="tracks" :uris="album.uri" />
         <modal-dialog-album
+          :item="album"
           :show="show_details_modal"
-          :album="album"
           :media_kind="'audiobook'"
           @close="show_details_modal = false"
         />

web-src/src/pages/PageAudiobooksArtist.vue

@@ -29,8 +29,8 @@
         />
         <list-albums :items="albums" />
         <modal-dialog-artist
+          :item="artist"
           :show="show_details_modal"
-          :artist="artist"
           @close="show_details_modal = false"
         />
       </template>

web-src/src/pages/PageComposerAlbums.vue

@@ -36,8 +36,8 @@
         </p>
         <list-albums :items="albums" />
         <modal-dialog-composer
+          :item="composer"
           :show="show_details_modal"
-          :composer="composer"
           @close="show_details_modal = false"
         />
       </template>

web-src/src/pages/PageComposerTracks.vue

@@ -50,8 +50,8 @@
         </p>
         <list-tracks :items="tracks" :expression="expression" />
         <modal-dialog-composer
+          :item="composer"
           :show="show_details_modal"
-          :composer="composer"
           @close="show_details_modal = false"
         />
       </template>

web-src/src/pages/PageFiles.vue

@@ -20,7 +20,7 @@
         </div>
       </template>
       <template #content>
-        <list-directories :directories="dirs" />
+        <list-directories :items="dirs" />
         <list-playlists :items="playlists" />
         <list-tracks
           :expression="play_expression"
@@ -28,8 +28,8 @@
           :show_icon="true"
         />
         <modal-dialog-directory
+          :item="current_directory"
           :show="show_details_modal"
-          :directory="current_directory"
           @close="show_details_modal = false"
         />
       </template>

web-src/src/pages/PageGenreAlbums.vue

@@ -35,7 +35,7 @@
         </p>
         <list-albums :items="albums" />
         <modal-dialog-genre
-          :genre="genre"
+          :item="genre"
           :media_kind="media_kind"
           :show="show_details_modal"
           @close="show_details_modal = false"

web-src/src/pages/PageGenreTracks.vue

@@ -44,9 +44,9 @@
         </p>
         <list-tracks :items="tracks" :expression="expression" />
         <modal-dialog-genre
-          :show="show_details_modal"
-          :genre="genre"
+          :item="genre"
           :media_kind="media_kind"
+          :show="show_details_modal"
           @close="show_details_modal = false"
         />
       </template>
@@ -155,7 +155,6 @@ export default {
         query: { media_kind: this.media_kind }
       })
     },
-
     play() {
       webapi.player_play_expression(this.expression, true)
     }

web-src/src/pages/PagePlaylistTracks.vue

@@ -25,8 +25,8 @@
         />
         <list-tracks :items="tracks" :uris="uris" />
         <modal-dialog-playlist
+          :item="playlist"
           :show="show_details_modal"
-          :playlist="playlist"
           :uris="uris"
           @close="show_details_modal = false"
         />

web-src/src/pages/PagePlaylistTracksSpotify.vue

@@ -37,8 +37,8 @@
           <template #no-more>&nbsp;</template>
         </VueEternalLoading>
         <modal-dialog-playlist-spotify
+          :item="playlist"
           :show="show_playlist_details_modal"
-          :playlist="playlist"
           @close="show_playlist_details_modal = false"
         />
       </template>

web-src/src/pages/PagePodcast.vue

@@ -37,8 +37,8 @@
           @play-count-changed="reload_tracks"
         />
         <modal-dialog-album
+          :item="album"
           :show="show_details_modal"
-          :album="album"
           :media_kind="'podcast'"
           @close="show_details_modal = false"
           @play-count-changed="reload_tracks"