admin: Fix the lag when selecting big amount of songs

ThrRip · Dec 21, 2023 · 5993d66 · 5993d66
1 parent a9ca267
commit 5993d66
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/packages/admin/components/PlaylistList.vue b/packages/admin/components/PlaylistList.vue
@@ -212,12 +212,14 @@
               pl-2.5 portrait:pl-2.5 portrait:pr-1 py-2.5 h-full rounded-lg cursor-pointer"
             >
               <input type="checkbox" class="hidden" @click="selectedIds.has(song.$id) ? selectedIds.delete(song.$id) : selectedIds.add(song.$id)">
-              <svg v-if="!selectedIds.has(song.$id)" class="!h-5 rounded-lg transition group-active:scale-90">
-                <use href="#far-square" />
-              </svg>
-              <svg v-if="selectedIds.has(song.$id)" class="!h-5 text-blue group-hover:text-blue-a rounded-lg transition group-active:scale-90">
-                <use href="#fas-square-check" />
-              </svg>
+              <ClientOnly>
+                <svg v-if="!selectedIds.has(song.$id)" class="!h-5 rounded-lg transition group-active:scale-90">
+                  <use href="#far-square" />
+                </svg>
+                <svg v-if="selectedIds.has(song.$id)" class="!h-5 text-blue group-hover:text-blue-a rounded-lg transition group-active:scale-90">
+                  <use href="#fas-square-check" />
+                </svg>
+              </ClientOnly>
             </label>
             <transition-group
               tag="span"