[client] update modal to take props

src/stores/modal.ts

@@ -1,5 +1,5 @@
 import { defineStore } from "pinia";
-
+import { Track } from "../interfaces";
 enum ModalOptions {
   newPlaylist = "newPlaylist",
   editPlaylist = "editPlaylist",
@@ -10,6 +10,7 @@ export default defineStore("newModal", {
     title: "",
     options: ModalOptions,
     component: "",
+    props: {},
     visible: false,
   }),
   actions: {
@@ -17,6 +18,11 @@ export default defineStore("newModal", {
       this.component = modalOption;
       this.visible = true;
     },
+    showNewPlaylistModal(track: Track) {
+      this.component = ModalOptions.newPlaylist;
+      this.props.track = track;
+      this.visible = true;
+    },
     hideModal() {
       this.visible = false;
     },