major refactors

src/stores/folder.ts

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

src/stores/modal.ts

@@ -1,8 +1,8 @@
 import { defineStore } from "pinia";
 import { Track } from "../interfaces";
 enum ModalOptions {
-  newPlaylist = "newPlaylist",
-  editPlaylist = "editPlaylist",
+  newPlaylist,
+  editPlaylist,
 }
 
 export default defineStore("newModal", {