feat: improve sync

web/src/ts/userPlaylists/index.ts

@@ -1,7 +1,10 @@
 import {
     editingPlaylists,
+    playlistIdx,
     playlists
 } from './state';
+import player from '../player';
+
 
 export const addPlaylist = ( name: string ) => {
     playlists.value.push( {
@@ -17,3 +20,13 @@ export const removePlaylist = ( idx: number ) => {
         editingPlaylists.value.splice( idx, 1 );
     }
 };
+
+export const selectPlaylist = ( idx: number ) => {
+    playlistIdx.value = idx;
+    player.clearQueue();
+    player.loadPlaylist( playlists.value[ idx ]!.songs );
+};
+
+export const setPlaylistIdx = ( idx: number ) => {
+    playlistIdx.value = idx;
+};