From 5f447766893beb5978c8bdad8a276e46a9f19183 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Fri, 28 Jan 2022 02:30:58 -0800
Subject: [PATCH] removed v-observe on mediaitem-artwork

---
 src/renderer/views/components/mediaitem-artwork.ejs | 10 +++-------
 src/renderer/views/pages/cider-playlist.ejs         |  4 ++--
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/renderer/views/components/mediaitem-artwork.ejs b/src/renderer/views/components/mediaitem-artwork.ejs
index 79ffa4f9..e39a621b 100644
--- a/src/renderer/views/components/mediaitem-artwork.ejs
+++ b/src/renderer/views/components/mediaitem-artwork.ejs
@@ -1,11 +1,10 @@
 <script type="text/x-template" id="mediaitem-artwork">
-    <div class="mediaitem-artwork" :class="[{'rounded': (type == 'artists')}, classes]" :key="url"
-         v-observe-visibility="{callback: visibilityChanged}">
+    <div class="mediaitem-artwork" :class="[{'rounded': (type == 'artists')}, classes]" :key="url">
         <img :src="app.getMediaItemArtwork(url, size, width)"
-             decoding="async" loading="lazy"
+             decoding="async"
              :style="{background: bgcolor}"
              class="mediaitem-artwork--img">
-        <div v-if="video && isVisible && getVideoPriority()" class="animatedartwork-view-box">
+        <div v-if="video && getVideoPriority()" class="animatedartwork-view-box">
             <animatedartwork-view :priority="getVideoPriority()" :video="video"></animatedartwork-view>
         </div>
     </div>
@@ -93,9 +92,6 @@
                     width: this.size + 'px',
                     height: this.size + 'px'
                 };
-            },
-            visibilityChanged: function (isVisible, entry) {
-                this.isVisible = isVisible
             }
         }
     });
diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index 0ed0c5c8..2811f27c 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -98,11 +98,11 @@
                     </div>
                     <div class="col-auto flex-center">
                         <div>
-                            <button class="md-btnmd-btn-primary  md-btn-icon" style="min-width: 100px;"
+                            <button class="md-btn md-btn-primary  md-btn-icon" style="min-width: 100px;"
                                     @click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play">
                                     {{app.getLz('term.play')}}
                             </button>
-                            <button class="md-btnmd-btn-primary  md-btn-icon" style="min-width: 100px;"
+                            <button class="md-btn md-btn-primary  md-btn-icon" style="min-width: 100px;"
                                     @click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle">
                                     {{app.getLz('term.shuffle')}}
                             </button>