remember playlist selection between the sessions (#7139)

Author: anurag2787

src/renderer/store/modules/settings.js

@@ -307,6 +307,7 @@ const state = {
   defaultInvidiousInstance: '',
   defaultVolume: 1,
   uiScale: 100,
+  userPlaylistsSortBy: 'latest_played_first',
 }
 
 const sideEffectHandlers = {

src/renderer/views/UserPlaylists/UserPlaylists.js

@@ -52,10 +52,18 @@ export default defineComponent({
       query: '',
       doSearchPlaylistsWithMatchingVideos: false,
       activeData: [],
-      sortBy: SORT_BY_VALUES.LatestPlayedFirst,
     }
   },
   computed: {
+    sortBy: {
+      get() {
+        return this.$store.getters.getUserPlaylistsSortBy
+      },
+      set(value) {
+        this.$store.dispatch('updateUserPlaylistsSortBy', value)
+      },
+    },
+
     locale: function () {
       return this.$i18n.locale
     },
@@ -180,9 +188,6 @@ export default defineComponent({
       this.activeData = this.fullData
       this.filterPlaylist()
     },
-    sortBy() {
-      sessionStorage.setItem('UserPlaylists/sortBy', this.sortBy)
-    },
   },
   created: function () {
     document.addEventListener('keydown', this.keyboardShortcutHandler)
@@ -191,11 +196,6 @@ export default defineComponent({
       this.dataLimit = limit
     }
 
-    const sortBy = sessionStorage.getItem('UserPlaylists/sortBy')
-    if (sortBy != null) {
-      this.sortBy = sortBy
-    }
-
     this.filterPlaylistDebounce = debounce(this.filterPlaylist, 500)
 
     const oldQuery = this.$route.query.searchQueryText ?? ''