[web-src] Update to Vue CLI 4 and fix linter issues

web-src/src/components/ListItemDirectory.vue

@@ -18,7 +18,7 @@
 <script>
 export default {
   name: 'ListItemDirectory',
-  props: [ 'directory' ]
+  props: ['directory']
 }
 </script>
 

web-src/src/components/ListItemGenre.vue

@@ -12,7 +12,7 @@
 <script>
 export default {
   name: 'ListItemGenre',
-  props: [ 'genre' ]
+  props: ['genre']
 }
 </script>
 

web-src/src/components/ListItemQueueItem.vue

@@ -34,7 +34,7 @@ export default {
 
   methods: {
     play: function () {
-      webapi.player_play({ 'item_id': this.item.id })
+      webapi.player_play({ item_id: this.item.id })
     }
   }
 }

web-src/src/components/ModalDialog.vue

@@ -15,7 +15,7 @@
 <script>
 export default {
   name: 'ModalDialog',
-  props: [ 'show' ]
+  props: ['show']
 }
 </script>
 

web-src/src/components/ModalDialogAddRss.vue

@@ -44,7 +44,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogAddRss',
-  props: [ 'show' ],
+  props: ['show'],
 
   data () {
     return {

web-src/src/components/ModalDialogAddUrlStream.vue

@@ -49,7 +49,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogAddUrlStream',
-  props: [ 'show' ],
+  props: ['show'],
 
   data () {
     return {

web-src/src/components/ModalDialogAlbum.vue

@@ -51,7 +51,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogAlbum',
-  props: [ 'show', 'album', 'media_kind' ],
+  props: ['show', 'album', 'media_kind'],
 
   data () {
     return {

web-src/src/components/ModalDialogArtist.vue

@@ -44,7 +44,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogArtist',
-  props: [ 'show', 'artist' ],
+  props: ['show', 'artist'],
 
   methods: {
     play: function () {

web-src/src/components/ModalDialogDirectory.vue

@@ -34,7 +34,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogDirectory',
-  props: [ 'show', 'directory' ],
+  props: ['show', 'directory'],
 
   methods: {
     play: function () {

web-src/src/components/ModalDialogGenre.vue

@@ -34,7 +34,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogGenre',
-  props: [ 'show', 'genre' ],
+  props: ['show', 'genre'],
 
   methods: {
     play: function () {

web-src/src/components/ModalDialogPlaylist.vue

@@ -44,7 +44,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogPlaylist',
-  props: [ 'show', 'playlist' ],
+  props: ['show', 'playlist'],
 
   methods: {
     play: function () {

web-src/src/components/ModalDialogPlaylistSave.vue

@@ -46,7 +46,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogPlaylistSave',
-  props: [ 'show' ],
+  props: ['show'],
 
   data () {
     return {

web-src/src/components/ModalDialogQueueItem.vue

@@ -79,7 +79,7 @@ import SpotifyWebApi from 'spotify-web-api-js'
 
 export default {
   name: 'ModalDialogQueueItem',
-  props: [ 'show', 'item' ],
+  props: ['show', 'item'],
 
   data () {
     return {
@@ -95,7 +95,7 @@ export default {
 
     play: function () {
       this.$emit('close')
-      webapi.player_play({ 'item_id': this.item.id })
+      webapi.player_play({ item_id: this.item.id })
     },
 
     open_album: function () {

web-src/src/components/ModalDialogRemotePairing.vue

@@ -41,7 +41,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogRemotePairing',
-  props: [ 'show' ],
+  props: ['show'],
 
   data () {
     return {

web-src/src/components/ModalDialogTrack.vue

@@ -152,14 +152,14 @@ export default {
     },
 
     mark_new: function () {
-      webapi.library_track_update(this.track.id, { 'play_count': 'reset' }).then(() => {
+      webapi.library_track_update(this.track.id, { play_count: 'reset' }).then(() => {
         this.$emit('play_count_changed')
         this.$emit('close')
       })
     },
 
     mark_played: function () {
-      webapi.library_track_update(this.track.id, { 'play_count': 'increment' }).then(() => {
+      webapi.library_track_update(this.track.id, { play_count: 'increment' }).then(() => {
         this.$emit('play_count_changed')
         this.$emit('close')
       })

web-src/src/components/NavbarItemLink.vue

@@ -9,7 +9,7 @@ import * as types from '@/store/mutation_types'
 
 export default {
   name: 'NavbarItemLink',
-  props: [ 'to' ],
+  props: ['to'],
 
   computed: {
     is_active () {

web-src/src/components/NavbarItemOutput.vue

@@ -32,7 +32,7 @@ export default {
   name: 'NavbarItemOutput',
   components: { RangeSlider },
 
-  props: [ 'output' ],
+  props: ['output'],
 
   computed: {
     type_class () {
@@ -61,7 +61,7 @@ export default {
 
     set_enabled: function () {
       const values = {
-        'selected': !this.output.selected
+        selected: !this.output.selected
       }
       webapi.output_update(this.output.id, values)
     }

web-src/src/components/PlayerButtonPlayPause.vue

@@ -11,8 +11,8 @@ export default {
   name: 'PlayerButtonPlayPause',
 
   props: {
-    'icon_style': String,
-    'show_disabled_message': Boolean
+    icon_style: String,
+    show_disabled_message: Boolean
   },
 
   computed: {

web-src/src/components/SpotifyModalDialogAlbum.vue

@@ -51,7 +51,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'SpotifyModalDialogAlbum',
-  props: [ 'show', 'album' ],
+  props: ['show', 'album'],
 
   data () {
     return {

web-src/src/components/SpotifyModalDialogArtist.vue

@@ -44,7 +44,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'SpotifyModalDialogArtist',
-  props: [ 'show', 'artist' ],
+  props: ['show', 'artist'],
 
   methods: {
     play: function () {

web-src/src/components/SpotifyModalDialogPlaylist.vue

@@ -48,7 +48,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'SpotifyModalDialogPlaylist',
-  props: [ 'show', 'playlist' ],
+  props: ['show', 'playlist'],
 
   methods: {
     play: function () {

web-src/src/components/SpotifyModalDialogTrack.vue

@@ -63,7 +63,7 @@ import webapi from '@/webapi'
 
 export default {
   name: 'SpotifyModalDialogTrack',
-  props: [ 'show', 'track', 'album' ],
+  props: ['show', 'track', 'album'],
 
   methods: {
     play: function () {