volume max for web remote so I don't go deaf

src/web-remote/index.js

@@ -13,6 +13,7 @@ var app = new Vue({
         player: {
             currentMediaItem: {},
             songActions: false,
+            maxVolume: 1,
             lyrics: {},
             lyricsMediaItem: {},
             lyricsDebug: {
@@ -161,6 +162,11 @@ var app = new Vue({
                 volume: volume
             }));
         },
+        getVolumeMax() {
+            socket.send(JSON.stringify({
+                action: "volumeMax",
+            }));
+        },
         getQueue() {
             socket.send(JSON.stringify({
                 action: "get-queue"
@@ -570,6 +576,9 @@ var app = new Vue({
                                 self.updatePlaybackState(response.data)
                             }
                         break;
+                    case "maxVolume":
+                        this.player.maxVolume = response.data;
+                        break;
                 }
                 // console.log(e.data);
             }

src/web-remote/views/index.ejs

@@ -172,7 +172,7 @@
                                     <div class="player-volume-glyph decrease"></div>
                                 </div>
                                 <div class="col">
-                                    <input type="range" class="web-slider volume-slider" max="1" min="0" step="0.01"
+                                    <input type="range" class="web-slider volume-slider" :max="getVolumeMax()" min="0" step="0.01"
                                         @input="setVolume($event.target.value)" :value="player.currentMediaItem.volume">
                                 </div>
                                 <div class="col-auto">