move page stores into pages folder

src/stores/pages/playlist.ts

@@ -0,0 +1,30 @@
+import { defineStore } from "pinia";
+import { getPlaylist } from "../../composables/playlists";
+import { Track, Playlist } from "../../interfaces";
+
+export default defineStore("playlist-tracks", {
+  state: () => ({
+    info: <Playlist>{},
+    tracks: <Track[]>[],
+  }),
+  actions: {
+    /**
+     * Fetches a single playlist information, and its tracks from the server
+     * @param playlistid The id of the playlist to fetch
+     */
+    async fetchAll(playlistid: string) {
+      const playlist = await getPlaylist(playlistid);
+
+      this.info = playlist.info;
+      this.tracks = playlist.tracks;
+    },
+    /**
+     * Updates the playlist header info. This is used when the playlist is
+     * updated.
+     * @param info Playlist info
+     */
+    updatePInfo(info: Playlist) {
+      this.info = info;
+    },
+  },
+});