loadmore tracks, albums, artists

src/components/Search/AlbumGrid.vue

@@ -19,8 +19,11 @@ export default {
     LoadMore,
   },
   setup(props, { emit }) {
+    let counter = 0;
+
     function loadMore() {
-      emit("loadMore");
+      counter += 6;
+      emit("loadMore", counter);
     }
 
     return {

src/components/Search/ArtistGrid.vue

@@ -19,8 +19,11 @@ export default {
     LoadMore,
   },
   setup(props, { emit }) {
+    let counter = 0;
+
     function loadMore() {
-      emit("loadMore");
+      counter += 6;
+      emit("loadMore", counter);
     }
 
     return {

src/components/Search/TracksGrid.vue

@@ -20,6 +20,8 @@
 import LoadMore from "./LoadMore.vue";
 import TrackItem from "../shared/TrackItem.vue";
 
+let counter = 0;
+
 const props = defineProps({
   tracks: {
     type: Object,
@@ -34,7 +36,8 @@ const props = defineProps({
 const emit = defineEmits(["loadMore"]);
 
 function loadMore() {
-  emit("loadMore", "tracks");
+  counter += 5;
+  emit("loadMore", counter);
 }
 </script>