[web] Add types to properties

web-src/src/components/ControlDropdown.vue

@@ -33,7 +33,7 @@
 <script>
 export default {
   name: 'ControlDropdown',
-  props: ['value', 'options'],
+  props: { value: [String, Number], options: Array },
   emits: ['update:value'],
 
   data() {

web-src/src/components/ControlSlider.vue

@@ -17,7 +17,7 @@
 <script>
 export default {
   name: 'ControlSlider',
-  props: ['value', 'max', 'disabled', 'cursor'],
+  props: { value: Number, max: Number, disabled: Boolean, cursor: String },
   emits: ['update:value'],
 
   computed: {

web-src/src/components/CoverArtwork.vue

@@ -13,7 +13,13 @@ import webapi from '@/webapi'
 
 export default {
   name: 'CoverArtwork',
-  props: ['artist', 'album', 'artwork_url', 'maxwidth', 'maxheight'],
+  props: {
+    artist: String,
+    album: String,
+    artwork_url: String,
+    maxwidth: Number,
+    maxheight: Number
+  },
   emits: ['click'],
 
   data() {

web-src/src/components/ListAlbums.vue

@@ -77,7 +77,7 @@ import webapi from '@/webapi'
 export default {
   name: 'ListAlbums',
   components: { CoverArtwork, ModalDialog, ModalDialogAlbum },
-  props: ['albums', 'media_kind', 'hide_group_title'],
+  props: { albums: Object, media_kind: String, hide_group_title: Boolean },
   emits: ['play-count-changed', 'podcast-deleted'],
 
   data() {

web-src/src/components/ListArtists.vue

@@ -39,8 +39,7 @@ import ModalDialogArtist from '@/components/ModalDialogArtist.vue'
 export default {
   name: 'ListArtists',
   components: { ModalDialogArtist },
-
+  props: { artists: Object, hide_group_title: Boolean },
-  props: ['artists', 'hide_group_title'],
 
   data() {
     return {

web-src/src/components/ListComposers.vue

@@ -40,7 +40,7 @@ import ModalDialogComposer from '@/components/ModalDialogComposer.vue'
 export default {
   name: 'ListComposers',
   components: { ModalDialogComposer },
-  props: ['composers', 'media_kind', 'hide_group_title'],
+  props: { composers: Object, media_kind: String, hide_group_title: Boolean },
 
   data() {
     return {

web-src/src/components/ListDirectories.vue

@@ -48,8 +48,7 @@ import ModalDialogDirectory from '@/components/ModalDialogDirectory.vue'
 export default {
   name: 'ListDirectories',
   components: { ModalDialogDirectory },
-
+  props: { directories: Array },
-  props: ['directories'],
 
   data() {
     return {

web-src/src/components/ListGenres.vue

@@ -40,8 +40,7 @@ import ModalDialogGenre from '@/components/ModalDialogGenre.vue'
 export default {
   name: 'ListGenres',
   components: { ModalDialogGenre },
-
+  props: { genres: Object, hide_group_title: Boolean, media_kind: String },
-  props: ['genres', 'hide_group_title', 'media_kind'],
 
   data() {
     return {

web-src/src/components/ListItemAlbumSpotify.vue

@@ -25,7 +25,7 @@
 <script>
 export default {
   name: 'ListItemAlbumSpotify',
-  props: ['album']
+  props: { album: Object }
 }
 </script>
 

web-src/src/components/ListItemArtistSpotify.vue

@@ -12,7 +12,7 @@
 <script>
 export default {
   name: 'ListItemArtistSpotify',
-  props: ['artist'],
+  props: { artist: Object },
 
   methods: {
     open_artist() {

web-src/src/components/ListItemPlaylistSpotify.vue

@@ -13,7 +13,7 @@
 <script>
 export default {
   name: 'ListItemPlaylistSpotify',
-  props: ['playlist'],
+  props: { playlist: Object },
 
   methods: {
     open_playlist() {

web-src/src/components/ListItemQueueItem.vue

@@ -49,13 +49,13 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ListItemQueueItem',
-  props: [
+  props: {
-    'item',
+    item: Object,
-    'position',
+    position: Number,
-    'current_position',
+    current_position: Number,
-    'show_only_next_items',
+    show_only_next_items: Boolean,
-    'edit_mode'
+    edit_mode: Boolean
-  ],
+  },
 
   computed: {
     state() {

web-src/src/components/ListItemTrackSpotify.vue

@@ -44,7 +44,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ListItemTrackSpotify',
-  props: ['track', 'position', 'context_uri'],
+  props: { track: Object, position: Number, context_uri: String },
   methods: {
     play() {
       if (this.track.is_playable) {

web-src/src/components/ListPlaylists.vue

@@ -32,8 +32,7 @@ import ModalDialogPlaylist from '@/components/ModalDialogPlaylist.vue'
 export default {
   name: 'ListPlaylists',
   components: { ModalDialogPlaylist },
-
+  props: { playlists: Object },
-  props: ['playlists'],
 
   data() {
     return {

web-src/src/components/ListTracks.vue

@@ -61,8 +61,13 @@ import webapi from '@/webapi'
 export default {
   name: 'ListTracks',
   components: { ModalDialogTrack },
-
+  props: {
-  props: ['tracks', 'uris', 'expression', 'show_progress', 'show_icon'],
+    tracks: Object,
+    uris: String,
+    expression: String,
+    show_progress: Boolean,
+    show_icon: Boolean
+  },
   emits: ['play-count-changed'],
 
   data() {

web-src/src/components/ModalDialog.vue

@@ -49,7 +49,13 @@
 <script>
 export default {
   name: 'ModalDialog',
-  props: ['show', 'title', 'ok_action', 'delete_action', 'close_action'],
+  props: {
+    show: Boolean,
+    title: String,
+    ok_action: String,
+    delete_action: String,
+    close_action: String
+  },
   emits: ['delete', 'close', 'ok']
 }
 </script>

web-src/src/components/ModalDialogAddRss.vue

@@ -63,7 +63,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogAddRss',
-  props: ['show'],
+  props: { show: Boolean },
   emits: ['close', 'podcast-added'],
 
   data() {

web-src/src/components/ModalDialogAddUrlStream.vue

@@ -69,7 +69,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogAddUrlStream',
-  props: ['show'],
+  props: { show: Boolean },
   emits: ['close'],
 
   data() {

web-src/src/components/ModalDialogAlbum.vue

@@ -120,7 +120,12 @@ import webapi from '@/webapi'
 export default {
   name: 'ModalDialogAlbum',
   components: { CoverArtwork },
-  props: ['show', 'album', 'media_kind', 'new_tracks'],
+  props: {
+    show: Boolean,
+    album: Object,
+    media_kind: String,
+    new_tracks: Array
+  },
   emits: ['close', 'remove-podcast', 'play-count-changed'],
 
   data() {

web-src/src/components/ModalDialogAlbumSpotify.vue

@@ -94,7 +94,7 @@ import webapi from '@/webapi'
 export default {
   name: 'ModalDialogAlbumSpotify',
   components: { CoverArtwork },
-  props: ['show', 'album'],
+  props: { show: Boolean, album: Object },
   emits: ['close'],
 
   data() {

web-src/src/components/ModalDialogArtist.vue

@@ -69,7 +69,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogArtist',
-  props: ['show', 'artist'],
+  props: { show: Boolean, artist: Object },
   emits: ['close'],
 
   methods: {

web-src/src/components/ModalDialogArtistSpotify.vue

@@ -75,7 +75,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogArtistSpotify',
-  props: ['show', 'artist'],
+  props: { show: Boolean, artist: Object },
   emits: ['close'],
 
   methods: {

web-src/src/components/ModalDialogComposer.vue

@@ -71,7 +71,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogComposer',
-  props: ['show', 'composer'],
+  props: { show: Boolean, composer: Object },
   emits: ['close'],
 
   methods: {

web-src/src/components/ModalDialogDirectory.vue

@@ -42,7 +42,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogDirectory',
-  props: ['show', 'directory'],
+  props: { show: Boolean, directory: String },
   emits: ['close'],
 
   methods: {

web-src/src/components/ModalDialogGenre.vue

@@ -62,7 +62,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogGenre',
-  props: ['genre', 'media_kind', 'show'],
+  props: { genre: Object, media_kind: String, show: Boolean },
   emits: ['close'],
 
   computed: {

web-src/src/components/ModalDialogPlaylist.vue

@@ -68,7 +68,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogPlaylist',
-  props: ['show', 'playlist', 'uris'],
+  props: { show: Boolean, playlist: Object, uris: String },
   emits: ['close'],
 
   methods: {

web-src/src/components/ModalDialogPlaylistSave.vue

@@ -71,7 +71,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogPlaylistSave',
-  props: ['show'],
+  props: { show: Boolean },
   emits: ['close'],
 
   data() {

web-src/src/components/ModalDialogPlaylistSpotify.vue

@@ -80,7 +80,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogPlaylistSpotify',
-  props: ['show', 'playlist'],
+  props: { show: Boolean, playlist: Object },
   emits: ['close'],
 
   methods: {

web-src/src/components/ModalDialogQueueItem.vue

@@ -154,7 +154,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogQueueItem',
-  props: ['show', 'item'],
+  props: { show: Boolean, item: Object },
   emits: ['close'],
 
   data() {

web-src/src/components/ModalDialogRemotePairing.vue

@@ -65,7 +65,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogRemotePairing',
-  props: ['show'],
+  props: { show: Boolean },
   emits: ['close'],
 
   data() {

web-src/src/components/ModalDialogTrack.vue

@@ -185,8 +185,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogTrack',
-
+  props: { show: Boolean, track: Object },
-  props: ['show', 'track'],
   emits: ['close', 'play-count-changed'],
 
   data() {

web-src/src/components/ModalDialogTrackSpotify.vue

@@ -110,7 +110,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogTrackSpotify',
-  props: ['show', 'track', 'album'],
+  props: { show: Boolean, track: Object, album: Object },
   emits: ['close'],
 
   methods: {

web-src/src/components/ModalDialogUpdate.vue

@@ -55,7 +55,7 @@ import webapi from '@/webapi'
 export default {
   name: 'ModalDialogUpdate',
   components: { ModalDialog },
-  props: ['show'],
+  props: { show: Boolean },
   emits: ['close'],
 
   data() {

web-src/src/components/NavbarItemOutput.vue

@@ -47,7 +47,7 @@ export default {
   components: {
     ControlSlider
   },
-  props: ['output'],
+  props: { output: Object },
 
   data() {
     return {

web-src/src/components/SettingsCheckbox.vue

@@ -26,7 +26,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'SettingsCheckbox',
-  props: ['category_name', 'option_name'],
+  props: { category_name: String, option_name: String },
 
   data() {
     return {

web-src/src/components/SettingsIntfield.vue

@@ -32,7 +32,12 @@ import webapi from '@/webapi'
 
 export default {
   name: 'SettingsIntfield',
-  props: ['category_name', 'option_name', 'placeholder', 'disabled'],
+  props: {
+    category_name: String,
+    option_name: String,
+    placeholder: String,
+    disabled: Boolean
+  },
 
   data() {
     return {

web-src/src/components/SettingsTextfield.vue

@@ -31,8 +31,12 @@ import webapi from '@/webapi'
 
 export default {
   name: 'SettingsTextfield',
-
+  props: {
-  props: ['category_name', 'option_name', 'placeholder', 'disabled'],
+    category_name: String,
+    option_name: String,
+    placeholder: String,
+    disabled: Boolean
+  },
 
   data() {
     return {

web-src/src/components/TabsSearch.vue

@@ -38,8 +38,7 @@ import * as types from '@/store/mutation_types'
 
 export default {
   name: 'TabsSearch',
-
+  props: { query: String },
-  props: ['query'],
 
   computed: {
     spotify_enabled() {