fix search to read from database

src/components/RightSideBar/Search/AlbumGrid.vue

@@ -19,7 +19,7 @@ import useSearchStore from "../../../stores/search";
 const search = useSearchStore();
 
 function loadMore() {
-  search.updateLoadCounter("albums", 6);
+  search.updateLoadCounter("albums");
   search.loadAlbums(search.loadCounter.albums);
 }
 </script>

src/components/RightSideBar/Search/ArtistGrid.vue

@@ -19,7 +19,7 @@ import useSearchStore from "../../../stores/search";
 const search = useSearchStore();
 
 function loadMore() {
-  search.updateLoadCounter("artists", 6);
+  search.updateLoadCounter("artists");
   search.loadArtists(search.loadCounter.artists);
 }
 </script>

src/components/RightSideBar/Search/TracksGrid.vue

@@ -26,7 +26,7 @@ const queue = useQStore();
 const search = useSearchStore();
 
 function loadMore() {
-  search.updateLoadCounter("tracks", 5);
+  search.updateLoadCounter("tracks");
   search.loadTracks(search.loadCounter.tracks);
 }
 

src/composables/searchMusic.ts

@@ -43,6 +43,7 @@ async function searchTracks(query: string) {
   }
 
   const data = await res.json();
+  console.log(data)
 
   return data;
 }

src/stores/search.ts

@@ -123,16 +123,16 @@ export default defineStore("search", () => {
       .then(() => scrollOnLoad());
   }
 
-  function updateLoadCounter(type: string, value: number) {
+  function updateLoadCounter(type: string) {
     switch (type) {
       case "tracks":
-        loadCounter.tracks += value;
+        loadCounter.tracks += 6;
         break;
       case "albums":
-        loadCounter.albums += value;
+        loadCounter.albums += 6;
         break;
       case "artists":
-        loadCounter.artists += value;
+        loadCounter.artists += 6;
         break;
     }
   }