rename files and set max client width on viewport

src/stores/pages/album.ts

@@ -4,7 +4,7 @@ import {
   getAlbumTracks,
   getAlbumArtists,
   getAlbumBio,
-} from "../../composables/fetch/album";
+} from "../../composables/pages/album";
 
 export default defineStore("album", {
   state: () => ({
@@ -21,7 +21,6 @@ export default defineStore("album", {
      * @param albumartist artist of the album
      */
     async fetchTracksAndArtists(title: string, albumartist: string) {
-
       const tracks = await getAlbumTracks(title, albumartist);
       const artists = await getAlbumArtists(title, albumartist);
 

src/stores/pages/folder.ts

@@ -1,7 +1,7 @@
 import { defineStore } from "pinia";
 import { Folder, Track } from "../../interfaces";
 
-import fetchThem from "../../composables/getFilesAndFolders";
+import fetchThem from "../../composables/pages/folders";
 
 export default defineStore("FolderDirs&Tracks", {
   state: () => ({
@@ -13,9 +13,7 @@ export default defineStore("FolderDirs&Tracks", {
     async fetchAll(path: string) {
       const { tracks, folders } = await fetchThem(path);
 
-      this.path = path;
-      this.dirs = folders;
-      this.tracks = tracks;
+      [this.path, this.dirs, this.tracks] = [path, folders, tracks];
     },
   },
 });

src/stores/pages/playlist.ts

@@ -1,5 +1,5 @@
 import { defineStore } from "pinia";
-import { getPlaylist } from "../../composables/fetch/playlists";
+import { getPlaylist } from "../../composables/pages/playlists";
 import { Track, Playlist } from "../../interfaces";
 
 export default defineStore("playlist-tracks", {

src/stores/pages/playlists.ts

@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
 import { Playlist } from "../../interfaces";
-import { getAllPlaylists } from "../../composables/fetch/playlists";
+import { getAllPlaylists } from "../../composables/pages/playlists";
 
 export default defineStore("playlists", {
   state: () => ({