[web] Fix linting errors

web-src/.eslintrc.js

@@ -6,5 +6,9 @@ module.exports = {
   rules: {
     // override/add rules settings here, such as:
     // 'vue/no-unused-vars': 'error'
+    'no-unused-vars': ['error', { args: 'none' }],
+    'vue/require-prop-types': 'off',
+    'vue/require-default-prop': 'off',
+    'vue/prop-name-casing': ['warn', 'snake_case']
   }
 }

web-src/src/App.vue

@@ -14,7 +14,7 @@
       :show="show_update_dialog"
       @close="show_update_dialog = false"
     />
-    <notifications v-show="!show_burger_menu" />
+    <notification-list v-show="!show_burger_menu" />
     <navbar-bottom />
     <div
       v-show="show_burger_menu || show_player_menu"
@@ -27,7 +27,7 @@
 <script>
 import NavbarTop from '@/components/NavbarTop.vue'
 import NavbarBottom from '@/components/NavbarBottom.vue'
-import Notifications from '@/components/Notifications.vue'
+import NotificationList from '@/components/NotificationList.vue'
 import ModalDialogRemotePairing from '@/components/ModalDialogRemotePairing.vue'
 import ModalDialogUpdate from '@/components/ModalDialogUpdate.vue'
 import webapi from '@/webapi'
@@ -40,7 +40,7 @@ export default {
   components: {
     NavbarTop,
     NavbarBottom,
-    Notifications,
+    NotificationList,
     ModalDialogRemotePairing,
     ModalDialogUpdate
   },

web-src/src/audio.js

@@ -50,12 +50,18 @@ export default {
   stopAudio() {
     try {
       this._audio.pause()
-    } catch (e) {}
+    } catch (e) {
+      // continue regardless of error
+    }
     try {
       this._audio.stop()
-    } catch (e) {}
+    } catch (e) {
+      // continue regardless of error
+    }
     try {
       this._audio.close()
-    } catch (e) {}
+    } catch (e) {
+      // continue regardless of error
+    }
   }
 }

web-src/src/components/CoverArtwork.vue

@@ -14,6 +14,7 @@ import { renderSVG } from '@/lib/SVGRenderer'
 export default {
   name: 'CoverArtwork',
   props: ['artist', 'album', 'artwork_url', 'maxwidth', 'maxheight'],
+  emits: ['click'],
 
   data() {
     return {

web-src/src/components/DropdownMenu.vue

@@ -37,6 +37,7 @@
 export default {
   name: 'DropdownMenu',
 
+  // eslint-disable-next-line vue/prop-name-casing
   props: ['modelValue', 'options'],
   emits: ['update:modelValue'],
 

web-src/src/components/ListAlbums.vue

@@ -119,6 +119,7 @@ export default {
   components: { ListItemAlbum, ModalDialogAlbum, ModalDialog, CoverArtwork },
 
   props: ['albums', 'media_kind'],
+  emits: ['play-count-changed', 'podcast-deleted'],
 
   data() {
     return {

web-src/src/components/ModalDialog.vue

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

web-src/src/components/ModalDialogAddRss.vue

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

web-src/src/components/ModalDialogAddUrlStream.vue

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

web-src/src/components/ModalDialogAlbum.vue

@@ -100,6 +100,7 @@ export default {
   name: 'ModalDialogAlbum',
   components: { CoverArtwork },
   props: ['show', 'album', 'media_kind', 'new_tracks'],
+  emits: ['close', 'remove-podcast', 'play-count-changed'],
 
   data() {
     return {

web-src/src/components/ModalDialogArtist.vue

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

web-src/src/components/ModalDialogComposer.vue

@@ -56,6 +56,7 @@ import webapi from '@/webapi'
 export default {
   name: 'ModalDialogComposer',
   props: ['show', 'composer'],
+  emits: ['close'],
 
   methods: {
     play: function () {

web-src/src/components/ModalDialogDirectory.vue

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

web-src/src/components/ModalDialogGenre.vue

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

web-src/src/components/ModalDialogPlaylist.vue

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

web-src/src/components/ModalDialogPlaylistSave.vue

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

web-src/src/components/ModalDialogQueueItem.vue

@@ -119,6 +119,7 @@ import SpotifyWebApi from 'spotify-web-api-js'
 export default {
   name: 'ModalDialogQueueItem',
   props: ['show', 'item'],
+  emits: ['close'],
 
   data() {
     return {

web-src/src/components/ModalDialogRemotePairing.vue

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

web-src/src/components/ModalDialogTrack.vue

@@ -156,6 +156,7 @@ export default {
   name: 'ModalDialogTrack',
 
   props: ['show', 'track'],
+  emits: ['close', 'play-count-changed'],
 
   data() {
     return {

web-src/src/components/ModalDialogUpdate.vue

@@ -49,6 +49,7 @@ export default {
   name: 'ModalDialogUpdate',
   components: { ModalDialog },
   props: ['show'],
+  emits: ['close'],
 
   data() {
     return {

web-src/src/components/NavbarTop.vue

@@ -102,14 +102,7 @@
             <navbar-item-link to="/settings/webinterface">
               Settings
             </navbar-item-link>
-            <a
+            <a class="navbar-item" @click.stop.prevent="open_update_dialog()">
-              class="navbar-item"
-              @click.stop.prevent="
-                show_update_dialog = true
-                show_settings_menu = false
-                show_burger_menu = false
-              "
-            >
               Update Library
             </a>
             <navbar-item-link to="/about"> About </navbar-item-link>
@@ -253,6 +246,12 @@ export default {
   methods: {
     on_click_outside_settings() {
       this.show_settings_menu = !this.show_settings_menu
+    },
+
+    open_update_dialog() {
+      this.show_update_dialog = true
+      this.show_settings_menu = false
+      this.show_burger_menu = false
     }
   }
 }

web-src/src/components/NotificationList.vue

@@ -23,7 +23,7 @@
 import * as types from '@/store/mutation_types'
 
 export default {
-  name: 'Notifications',
+  name: 'NotificationList',
   components: {},
 
   data() {

web-src/src/components/SpotifyModalDialogAlbum.vue

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

web-src/src/components/SpotifyModalDialogArtist.vue

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

web-src/src/components/SpotifyModalDialogPlaylist.vue

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

web-src/src/components/SpotifyModalDialogTrack.vue

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

web-src/src/pages/PageComposer.vue

@@ -36,7 +36,7 @@
           :album="album"
           @click="open_album(album)"
         >
-          <template slot:actions>
+          <template #actions>
             <a @click="open_dialog(album)">
               <span class="icon has-text-dark"
                 ><i class="mdi mdi-dots-vertical mdi-18px"

web-src/src/pages/PageSearch.vue

@@ -127,13 +127,13 @@
 
     <!-- Composers -->
     <content-with-heading v-if="show_composers && composers.total">
-      <template slot:heading-left>
+      <template #heading-left>
         <p class="title is-4">Composers</p>
       </template>
-      <template slot:content>
+      <template #content>
         <list-composers :composers="composers.items" />
       </template>
-      <template slot:footer>
+      <template #footer>
         <nav v-if="show_all_composers_button" class="level">
           <p class="level-item">
             <a
@@ -146,7 +146,7 @@
       </template>
     </content-with-heading>
     <content-text v-if="show_composers && !composers.total">
-      <template slot:content>
+      <template #content>
         <p><i>No composers found</i></p>
       </template>
     </content-text>